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

نام کاربری :

رمز عبور :

عضویت

نام کاربری :

رمز عبور :

تکرار رمز :

ایمیل :

نام اصلی :

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

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

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

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

تماس با ما

خب بریم سراغ آموزش !
چطور این خاصیت ها را به عناصر دلخواه خودمان اضافه کنیم ؟
1. ابتدا کد زیر را قبل از تگ </head> به قالب سایت یا وبلاگ خود اضافه کنید :

2. سپس برای اضافه کردن توضیحات از این صفت ها استفاده کنید 
data-balloon-pos برای تعیین جهتی که توضیحات در آن نمایش داده می شود .
مقادیر آن می تواند این ها باشد :  up بالا , down پایین, left چپ , right راست
data-balloon برای نوشتن توضیحات نمایشی
نمونه :


نکته 1: از مقدار data-balloon-length نیز میتوانید برای تعیین اندازه باکس استفاده کنید . البته وجود این صفت الزامی نیست ! مقادیر آن عبارت اند از :
small کوچک , medium معمولی, large بزرگ, xlarge خیلی بزرگ, fit متناسب با متن

نکته 2 : برای تصاویر و فیلدها یعنی img و input ها این کد رو به کار ببرید کار نمیکنه ! اما نگران نشید ترفندی میگیم که میتونید به اونا هم اضافه کنید !
خب شما تگ img خودتون رو داخل تگ span بزارید بعد صفحات گفته شده رو به Span بدید اینطوری عکس شما هم تولتیپ می گیره
برای دکمه هم میتونید همین کار رو بکنید ! یا اگه فرمتون رو با جدول طراحی کردید ، به td ها این صفات گفته شده رو اضافه کنید .

نکته 3 : شما میتوانید از ایکون و یا کاراکتر های ایکون نظیر &#9787; در توضیحات استفاده کنید.

نکته 4 : شما میتوانید از فونت آیکون هم داخل توضیحات استفاده کنید ! اما باید این موارد را رعایت کنید .
- استایل فونت آیکون در سایت شما باشد
- علاوه بر 2 صفت گفته شده class="fa" را اضافه کنید
- توضیحات خود را به مانند زیر اضافه کنید


برگرفته شده از : http://kazzkiq.github.io/balloon.css
فارسی سازی آموزش توسط : http://ghalebgraph.ir
کپی برداری از متن بالا شرعا حرام می باشد !
این آموزش فقط جهت استفاده کاربران می باشد.


برچسب ها : , , , , , , , , , , , , , ,
افزایش بازدید رایگان
تعداد بازديد : 462
تاریخ انتشار : دوشنبه 01 شهريور 1395 ساعت: 21:55
نویسنده :
کپی برداری از این پست حرام می باشد و ما رضایتی نداریم !
مطالب مرتبط
نظرات
1395/6/26 - 16:17
محمد
سلام من عضویتم رو زدم اما تاییدی برای من ارسال نشده
پاسخ : برای تایید حساب به ایمیل زیر پیام بدید :
ghalebgraph.ir@gmail.com
1395/6/8 - 21:31
MD
با سلام.

بنده مدیر تبلیغاتی سایت--- هستم.

آیا تا بحال به این فکر کرده اید که یک بازی یا یک اپلیکیشن مخصوص خودتان را بسازید؟!

بقیه محتوای تبلیغاتی حذف شد.
پاسخ : سلام
نظرات جای مناسبی برای ارسال کامنت های تبلیغاتی نیست !
موفق باشید
1395/6/3 - 20:00
احسان گرافیست
عالی
پاسخ : ممنون از این که نظر گذاشتید.
نظرات شماست که مایه افتخار ماست.
1395/6/3 - 18:24
فان لاو
سلام،
اقا چی شده مگه 1 روز درمیون قالب نیومد؟
پاسخ : سلام
گرفتاری و زندگی
بازم میزاریم قالب زیاد داریم .
1395/6/3 - 12:00
مهرشاد
چوخ گوزل...
ساغولون...
پاسخ : یاشیاسوز سیزی
1395/6/2 - 21:58
شایگان شکرالهی
سلام و خسته نباشید
عاااالیه
فقط یه مشکل عجیب!
لطفا به این آدرس برید(آدرس زیر)
(لینک در هنگام پاسخ دادن به نظرات به صورت اتوماتیک حذف می گردد)
به نظرتون مشکلش چیه توی فوتر و روی عکس پشتیبانی که سمت راسته گذاشتم عمل نمیکنه با اینکه یه جا دیگه گذشتم عمل کرد!
پاسخ : سلام
مرسی از نظر زیباتون.
برای تصاویر یه نکته گفتیم بخونید حله .
توی تصاویر فرق داره باید اونطوری که گفتیم اضافه کنید
1395/6/2 - 19:33
بابک بیات
tnx
پاسخ : سپاس از نظرتون
نظرات شماست که زمینه ساز ادامه راه ماست.
1395/6/2 - 12:27
مستر محمد اسلامی
تشکر...
پاسخ : ممنون از حمایت های زیبا و همیشگیتون
1395/6/2 - 0:53
سلام
سلام مهرداد اکانت تلگرامو پاک کردم
لطفا ----
با فایرفاکس برو
قسمت لایک مطلب بازم اومده زیر خرابه درستش کن
پاسخ : سلام
لطفا در انجمن پ.خ بدید.
1395/6/2 - 0:35
Mahdi
بسیار عالی!
ممنون
پاسخ : مرسی از نظرتون.
نظرات شماست که به جنبش در آورنده ایده های ماست.
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی