قالب وبلاگ | ابزار وبلاگ نویسی | دانلود طرح لایه باز

نام کاربری :

رمز عبور :

عضویت

نام کاربری :

رمز عبور :

تکرار رمز :

ایمیل :

نام اصلی :

کد امنیتی : * کد امنیتیبارگزاری مجدد

X بستن تبلیغات
فروش بک لینک
X بستن تبلیغات
 قالب فارسی وردپرس
سرویس وبلاگدهی رایگان
هتل مشهدسفارش آگهی در پلن A2
قوانین انجمن قالب گراف
مشاهده کامل قوانین
1.1 منع فعالیت تبلیغاتی : هر گونه فعالیت تبلیغاتی در این انجمن بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد
1.2 منع فعالیت سیاسی : هر گونه فعالیت سیاسی بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد.
1.3 استفاده از زبان فارسی نه سایر زبان ها: زبان اصلی این انجمن فارسی است ، لطفا در هنگام ارسال مطالب از زبان پینگلیش(نوشتن کلمات فارسی با حروف انگلیسی) استفاده نکنید .
1.4 قالب گراف با دیگر (سایت های مرجع کد و گرافیک و قالب) هیچ کدورتی ندارد بنابراین چنانچه مشاهده شود کاربری بر ضد دیگر مراجع سخن میگوید کاربر مربوطه بار اول اخطار دریافت میکند و بار دوم به صورت کامل اخراج میگردد .
1.5 کپی برداری از دیگر مراجع ایرانی (کد و گرافیک و قالب) حتی با ذکر منبع نیز ممنوع میباشد و تاپیک های از این قبیل سریعا حذف خواهند شد و در صورت تکرار کاربر اخطار دریافت خواهد کرد .
1.6 کپی برداری از مطالب انجمن صحیح نیست چون ممکن است شخص گرد آورنده زحمت زیادی برای آن کشیده باشد و یادآور میشویم که مطالب این انجمن فقط برای استفاده شما هستند و نه کپی و درج در سایت ها و انجمن های خود و دیگران.
1.7 ارتقاء درجات کاربری نسبت به فعالیت مفید ، مستمر و اختصاصی شما توسط مدیران و مدیریت کل در بخش مدیران تصمیم گیری میشود و هرگونه درخواست ارتقاء درجه از طرف کاربر بدون پاسخ میماند ، لذا کاربران نباید درخواست ارتقاء داشته باشند و اینکار توسط مدیران تصمیم گیری خواهد شد .
کاربران آنلاین : 1 نفر
نرم افزار افزایش بازدید
به دنبال مطلبی هستی ؟ اونو جستجو کن قالب گراف حتما داره ...
با Hover.css افکت های حرفه ای به قالب سایت خود ببخشید
هاور hover به موقعیتی اطلاق می شود که نشانه گر موس روی المنت (بخشی) از سایت قرار بگیرد و آن بخش دچار تغییراتی شود .
مثلا وقتی روی لینکی موس را نگه می دارید ، لینک شروع به لرزش کند ، یا گوشه های آن خم شود و یا رنگ آن تغییر کند و ....
معمولا در طراحی اکثر قالب ها از این استایل شیت طراحان قالب برای زیباسازی استفاده می کنند.
با Hover.css شما می توانید به یک مجموعه استایل های Hover آماده و حرفه ای به رایگان دسترسی داشته باشید.
برای دیدن پیش نمایش اینجا را کلیک کنید .

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


آموزش استفاده از این کد :
1- ابتدا کد استایل زیر را قبل از تگ </head> به قالب سایت یا وبلاگ خود اضافه کنید .

2- برای المنت (بخشی) که می خواهید این استایل را بگیرید class ای به نام hvr-effectname اضافه کنید
برای مثال برای یک تگ a ما به شکل زیر تعریف کرده ایم

در دادن class به جای effectname نام افکت مد نظر خود را قرار دهید.
نام افکت ها همان هایی هستند که به صورت انگلیسی در دمو مشاهده کردید ! اما با رعایت چند نکته :
یک . به جای فاصله موجود بین کلمات از خط تیره استفاده کنید
دو . به جای حروف بزرگ انگلیسی از حرف کوچک استفاده کنید
سه . کلمه hvr- که پیش از نام افکت در class قرار می گیرد را فراموش نکنید
برای مثال در صفحه دمو داریم Wobble To Top Right که کلاس آن می شود hvr-wobble-to-top-right

یا Box Shadow Outset که کلاس آن می شود hvr-box-shadow-outset

یا hvr-pop که کلاس آن می شود hvr-pop

و ... .

اگر شما یک طراح آشنا با css باشید می توانید فایل hover.css را باز کنید و فقط استایل های مورد نیاز خود را بردارید و یا اگر نیازمند تغییرات بود تغییر دهید یا اگر می خواهید توسعه دهید این کار را به راحتی انجام دهید چون این کد open source می باشد.
نکته : برای اجرای استایل آیکون ها باید کد فونت آیکون قبلا در قالب شما فراخوانی شود. در خصوص فونت آیکون قبلا در پست زیر به توضیح داده ایم .
آموزش کار با fontawesome.css

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


برچسب ها : , , , , , , , , , , , , , , ,
افزایش بازدید رایگان
تعداد بازديد : 613
تاریخ انتشار : دوشنبه 15 شهريور 1395 ساعت: 22:2
نویسنده :
کپی برداری از این پست حرام می باشد و ما رضایتی نداریم !
مطالب مرتبط
نظرات
1395/7/1 - 11:03
محمد
سلام. کد خیلی خوبیه ولی برای اینکه تو همه جا بشه ازش استفاده کرد باید یه سری تغییرات داده بشه. مثلاً سایز و رنگش همیشه و توی هر قالبی مناسب نیست. و از اونجایی که خیلی ها بلد نیستن css ویرایش کنن لطفاً یک ابزار برای ویرایش بسازید. خیلی ممنون
پاسخ : سلام
بله دقیقا اینطوره که باید حتما به css اشنایی داشته باشن
اونایی هم که اشنایی دارن میتونن فایل زیر رو دانلود و استفاده کنن :
http://up.ghalebgraph.ir/up/galebgraph/posts/code/css/16/hover.css
وگرنه به قول شما بدون تغییر رنگ و ... به درد نمی خوره.
1395/6/19 - 17:28
محسن فرج اللهی
بابا واقعا دمتون گرم نمیدونم چه جوری رایگان گذاشتید اینو!!! همش دنبال اینجور چیزی بودم :0 خیلی خیلی جالبه.خوشحالم که تو این سایت عضوم چه جوری میتونم زحماتتون رو جبران کنم؟ *-*
پاسخ : ممنون از نظرتون
نیاز به جبران هیچی نیست .
با تشکر از شما
1395/6/17 - 14:30
علی عمادزاده
جالب بود و البته قدیمی برای من :دی
به هر حال ممنون
پاسخ : ممنون از حمایتتون
هیچ وقت یک مطلب اونم توی زمینه کد قدیمی نمیشه چون هر ساله وبمسترهای جدیدی اضافه میشه که برای اونا این مطالب جذابیت داره
1395/6/17 - 13:49
ata
برای وردپرس هم مطلب بزارین
پاسخ : چه مطلبی برای وردپرس نیاز دارید ؟!
1395/6/16 - 18:37
بابک بیات
با این کد های بسیار کاربردی قشنگ میشه یه وبلاگ و یا سایت حرفه ای طراحی کرد ! خسته نباشید ...
پاسخ : بله همینطورم هست به خصوص که اگه کدنویسی بلد باشیم و توی طرحی قالب به کار ببریم.
ممنون از نظرتون
1395/6/16 - 13:39
صادق
آقا مهرداد میشه آموزش ریسپانسیو قالب هم بزاری ؟
تو پست هم توضیح بدی مثلا یکی با گوشی وارد میشه یکاری کنیم که اول پست های سایت رو ببینه
بخش موضوعات و ... بره زیر پست ها
ممنون میشم
پاسخ : ریسپانسیو کار کم تر از 5 دقیقه هست البته برای قالب هایی که خوب نوشته شدن !
به صورت متنی نمیشه ولی ویدیویی حتما جواب میده.
فعلا ببینیم چی میشه چون یکم سرمون شلوغ شده .
1395/6/16 - 12:33
صادق
ماشالا
مطالبتون بعد از یه مدت دوباره داره تاپ میشه
دمت گرم داش مهرداد
پاسخ : ممنون از حمایتتون .
نظر لطفتونه.
1395/6/16 - 4:39
احمدرضا
پستای اینجوری عالی هست
قالب گراف داره میشه ویکی پدیا کدنویسا ؛ پستاش خیلی کاربردی هست
هم این ، هم پست قبلی خیلی خوب بودن
ممنون
پاسخ : بله هدف ما هم اینه .
این سایت ها توسط کدنویسا معمولا مطرح نمیشن و ما سنت شکنی میکنیم ، و از این به بعد مطالب تاپ قرار میدیم تا همه یک کدنویس حرفه ای بشن .
1395/6/16 - 1:22
اسفراین
بله الان ک میبینم زیبا شده
پاسخ : کلا بتونید استفاده کنید زیبا میشه قالبتون !
فقط فایل hover.css رو اگه کدنویسی بلدید دانلود کنید و اون کدهایی که نیاز دارید رو بردارید و با رنگ خودتون بزارید ...
1395/6/15 - 23:28
اسفراین
بدرد نمیخوره
پاسخ : شاید نمیتونید استفاده کنید
الان این رو مشاهده کنید لینک های بالاش با افکت - زده شده
http://up.ghalebgraph.ir/up/galebgraph/file/1395/03/hover.mp4
ببینید چقدرزیبا کرده قالب رو ؟!
شما اینا رو رنگش و ... رو با ادیت css میتونید جذاب کنید !
قرار نیست که همون ابی ها باشه !
این پست ویژه کاربران کدنویس هست
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی