بیرلرن|وبلاگ آموزش|سرگرمی|کد جاوا اسکریپت|قالب وبلاگ|افزایش بازدید - قالب سبززیبا برای میهن بلاگ-بلاگفا-پرشین بلاگ-بلاگ اسکای

camnetsoft

اس ام اس سرکاری و جوک خنده دار

اندرویید

clip & movie

شبکه اجتماعی فارسی کلوب | Buy Mobile Traffic | سایت سوالات
..
منوی اصلی
لینکهای سریع

موضوعات
آموزش

وبمستر

خدمات

مناسبتی

دیگرموارد


آرشیو ماهانه
خرداد 1393
بهمن 1392
آذر 1392
آبان 1392
مهر 1392
شهریور 1392
مرداد 1392
اسفند 1391
آبان 1391
تیر 1391
اسفند 1390
بهمن 1390
دی 1390
آبان 1390
مهر 1390
شهریور 1390
مرداد 1390
تیر 1390

.:: لیست کامل آرشیو ماهانه ::.


لینک دوستان


لوگوی دوستان







اَبر برچسبها
دانلود مداحی 90 کدجاوااسکریپت کد جاوا اسکریپت دانلود نوحه کدجالب دانلود سینه زنی جدید افزایش بازدید کدزیباسازی وبلاگ میهن بلاگ قالب وبلاگ کد ساعت فلش دانلود مداحی محرم 90 دانلود مداحی حاج محمود کریمی در محرم 90 کدوبلاگ دانلود مداحی برای محرم 90 دانلود مداحی بیرلرن انلود سینه زنی جدید کدخفن وبلاگ کدسایت

تبلیغات





.... طراحی اسلایدشو ....




قالب سبززیبا برای میهن بلاگ-بلاگفا-پرشین بلاگ-بلاگ اسکای
بازدید ازاین پست: :

ویرایش شده در:-

سلام دوستان اینم یه قالب بسیا زیبا که درسایت قرار گرفت که امیدوارم خوشتون بیاد

درضمن رنگ های دیگراین قالب به زودی در وب قرار می گیرد

نصب قالب اصلی وبلاگ :

 1. وارد سایت شده  نام کاربری و کلمه عبور خود را وارد کنید و وارد کنترل پنل وبلاگتان شوید.
 2.
به قسمت ویرایش قالب رفته و تمام کدهای موجود را پاک کنید.

.

برچسب ها : قالب وبلاگ,قالب میهن بلاگ,قالب پرشین بلاگ,قالب بلاگ اسکای,



راهنما

به صفحه مدیریت وبلاگ خود مراجعه و در بخش ویرایش قالب باید کد قالب دریافتی ، جایگزین کد موجود در آن بخش شود.بدین منظور فایل متنی کد قالب دریافتی از سایت را باز کرده و تمام محتویات فایل کد قالب را کپی کرده و در قسمت ویرایش قالب قرار دهید.

توجه : ابتدا تمام کد قبلی موجود در بخش ویرایش قالب باید پاک شود و بعد کد جدید جایگزین شود!

قالب ها هر کدام با وضوح تصویر یا مرورگرهای مختلف سازگاری دارند و سایت فقط موارد مشخص شده در توضیحات هر قالب را پشتیبانی می کند.

تغییر تصاویر در قالب های بلاگ اسکین

از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.


تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :

۱- تصاویر قالب در بین دو تگ <style> در کد اصلی قالب قرار گرفته است.
در تگ <style> که تنظیمات قالب (اعم از تنظیمات جدول بندی، رنگ متن ها و …) وجود دارد برای تغیر تصاویر قالب مثل تصویر هدر ، منو ها و دیگر تصاویر قالب کافی است آدرس و در صورت نیاز سایز عکس را ویرایش کرد.

<style>
.top{background:url(http://topskin.ir/34/top.jpg) no-repeat top; width:900; height:200; float:right;}
</style>

2- تصاویر قالب بصورت کد عکسی در قالب قرار گرفته است.

<img border="0" src="http://topskin.ir/36/header.jpg" width="186" height="30">

3- تصاویر قالب خارج از کد قالب اصلی و در یک فایل جانبی به نام فایل CSS در قالب درج شده است .

در این روش که رایج ترین و حرفه ای ترین نوع کد نویسی قالب ها می باشد ، برای تغیر تنظیمات و تصاویر قالب دو روش ساده وجود دارد.
روش اول : باید ابتدا فایل CSS قالب را از آدرس مربوطه که در کد قالب وجود دارد دریافت کرده

<link href="http://topskin.ir/36/style.css" type="text/css" rel="stylesheet">

آنرا با برنامه هایی مثل NOTEPAD باز کرد و آدرس تصاویر جدید قالب یا تنظیمات دیگر که روی فایل CSS پیاده می شود را اعمال کرد و سپس فایل CSS جدید را روی یک فضا آپلود کرد. بعد از انجام این کار کافیست آدرس جدید فایل CSS که تغیرات جدید در آن قرار دارد را در کد قالب قرار داد.

روش دوم : چنانچه تغیر فایل CSS قالب و آپلود آن برای شما دشوار است ، پس از دریافت فایل CSS قالب آنرا باز کنید، شناسه مربوط به جدولی که تصویر مورد نظر در آن قرار گرفته را در فایل CSS پیدا کنید.عنوان شناسه ها در فایل CSS در ابتدای هر سطر با نقطه یا # مشخص شده اند. پس از یافتن شناسه ، آنرا در کد قالب پیدا کنید:

<div class=header>
<div id=header>

سپس کد زیر را مطابق مثال در جای خود اضافه کنید.

<div class=header style="background:url(http://yourskin.ir/34/mypic.jpg)">

غیر از مراحل گفته شده در بالا ، مراحل دیگری هم وجود دارد اما رایج نیستند.


برای نمونه و تفهیم بیشتر، جهت تغیر تصویر هدر قالب شماره ۳۶ سایت (برای اکثر قالب های بلاگ اسکین شناسه یا اصطلاحا کلاس top برای قسمت هدر قالب می باشد) کافی است عبارت زیر را در کد قالب پیدا کرده

<div class=top>

و کد قرمز رنگ را به کد مربوطه اضافه کنید و آدرس تصویر خود را جایگزین آدرس موجود نمایید.

<div class=top style="background:url(http://yourskin.ir/34new/mypic.jpg)">

 

 

دریافت قالب میهن بلاگ                                  دریافت قالب بلاگفا

دریافت قالب پرشین بلاگ                                دریافت قالب بلاگ اسکای

پسوورد: www.birlearn.tk

منبع


 



اشتراک گزاری


نوشته شده توسط سعید شمشیری در پنجشنبه 3 شهریور 1390

|لینک پست|  نظرات ()

مطالب پیشین

» تبادل لینک هوشمند رایگان و اتوماتیک|سیستم تبادل پاپ آپ
» کد جاوااسکریپت صلوات شمار برای وبلاگ وسایت
» طراحی بنروبلاگ و اسلاید شو و منوی درختی
» سایت کم نت سافت
» وی چت و وایبر و تانگو هم فیلترشدند.چه کسانی نفع خواهندبرد؟
» مراسم شب دهم محرم (عاشورا) ۹۰ با مداحی حاج محمود کریمی
» مراسم شب نهم محرم (تاسوعا) ۹۰ با مداحی حاج محمود کریمی
» معرفی سایت به 300 موتورهای جستجو مطرح جهان2
» مراسم شب هشتم محرم ۹۰ با مداحی حاج محمود کریمی

» لیست کامل مطالب ارسالی


مترجم|translator




تبادل لینک وبنر




تبادل بنر:
بنر468

بنر240

تبادل لینک

نظرسنجی
سلام دوستان از کدام بخش از وب راضی هستید؟









لینک روزانه

آمار بازدید

نویسندگان :
» سعید شمشیری

آمار بازدید :
» تعداد مطالب :
» تعداد نویسندگان :
» آخرین بروز رسانی :
» بازدید امروز :
» بازدید دیروز :
» بازدید این ماه :
» بازدید ماه قبل :
» بازدید کل :
» آخرین بازدید :



صفحه اصلی | پست الکترونیک | اضافه به علاقه مندی ها | ذخیره صفحه | فروشگاه


Powered By camnetsoft Copyright © 2014 by camnetsoft.ir
Design By : wWw.camnetsoft.ir