Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

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

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

حجم کلی این باکس زیبا با پر کردن تمام فیلد های درون ابزار به غیر از پس زمینه و متن درون باکس حدود 1.24 کیلو بایته که این یعنی شما اگر با سرعت اینترنت 56 کیلو بایت در ثانیه که پدر آدم در میاد تا یه صفحه رو لود کنه این باکس رو لود کنین فقط 2 صدم ثانیه لودش طول میکشه و اگر با سرعت اینترنت 256 کیلو بایت لود کنین کمتر از 1 صدم ثانیه یعنی فقط 4 هزارم ثانیه طول میکشه.

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

تنظيمات کادر هر لینک با توجه به عکس  {border-radius}

www.moisrex.rozblog.com

کادر شماره 1:  
کادر شماره 2:  
کادر شماره 3:  
کادر شماره 4:  
کادر شماره 5:  
کادر شماره 6:  
کادر شماره 7:  
کادر شماره 8:  

اندازه کادر باکس:  
رنگ کادر باکس:   
حالت کادر: 

تنظيمات کادر باکس با توجه به عکس زمانی که ماوس روی آنهاست  :hover {border-radius}

کادر شماره 1:  
کادر شماره 2:  
کادر شماره 3:  
کادر شماره 4:  
کادر شماره 5:  
کادر شماره 6:  
کادر شماره 7:  
کادر شماره 8:  

اندازه کادر باکس:  
رنگ کادر باکس:   
حالت کادر: 


تنظيمات پس زمینه باکس {background}

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

تنظيمات پس زمینه باکس زمانی که ماوس روی آن است :hover{background}

آدرس تصوير مورد نظر شما :
رنگ پس زمینه: 
پس زمینه 
محل پس زمینه از لحاظ چپ یا راست بودن: 
محل پس زمینه از لحاظ بالا یا پایین بودن: 

تنظيمات سايه باکس {box-shadow}

فاصله سایه تا چپ باکس:   
فاصله سایه تا بالای باکس:  
حالت بلوری سايه باکس: 
رنگ سايه باکس: 

تنظيمات سايه باکس زمانی که ماوس روی آنهاست :hover{box-shadow}

فاصله سایه تا چپ باکس:   
فاصله سایه تا بالای باکس:  
حالت بلوری سايه باکس: 
رنگ سايه باکس: 

تنظیمات سایه متون {text-shadow}

فاصله سایه تا چپ متون: 
فاصله سایه تا متون:  
حالت بلوری سايه متون: 
رنگ سايه متون: 

تنظيمات سايه متون زمانی که ماوس روی آن می رود :hover{text-shadow}

فاصله سایه متون تا چپ متون: 
فاصله سایه متون تا بالای متون:  
حالت بلوری سايه متون: 
رنگ سايه متون: 

تنظيمات رنگ ها

رنگ متون: 
رنگ متون با بردن ماوس روی باکس: 


تنظيمات فاصله های باکس  margin و  padding

فاصله  بالای باکس ها تا بقیه اشیا کناری : 
فاصله  راست باکس ها تا بقیه اشیا کناری : 
فاصله  پایین باکس ها تا بقیه اشیا کناری : 
فاصله  چپ باکس ها تا بقیه اشیا کناری : 


فاصله بالای اطلاعات باکس تا کادر باکس: 
فاصله راست اطلاعات باکس تا کادر باکس: 
فاصله پایین اطلاعات باکس تا کادر باکس: 
فاصله چپ اطلاعات باکس تا کادر باکس: 

تنظيمات فاصله های باکس زمانی که ماوس روی آنهاست  margin و  padding


فاصله بالای باکس با بقیه اشیا کناری: 
فاصله راست باکس با بقیه اشیا کناری: 
فاصله پایین باکس با بقیه اشیا کناری: 
فاصله چپ باکس با بقیه اشیا کناری: 


فاصله بالای اطلاعات باکس تا کادر باکس: 
فاصله راست اطلاعات باکس تا کادر باکس: 
فاصله پایین اطلاعات باکس تا کادر باکس: 
فاصله چپ اطلاعات باکس تا کادر باکس: 



تنظیمات اندازه ها

اگر نمی خواهید باکس اندازه مشخصی داشته باشد در هر کدام از باکس های زیر کلمه auto را بنویسید و باکس بعدی آن را گزینه هیچ انتخاب کنید.
ارتفاع باکس:  
عرض باکس:  
ارتفاع باکس زمانی که ماوس روی آن است:  
عرض باکس زمانی که ماوس روی آن است:  
 

تنظيمات دیگر

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

متن درون باکس (می توانید از کد های HTML نیز بهره بگیرید):





ساخت کد         پيش نمايش کد


توضیحات درباره این ابزار

» این ابزار فقط برای سایت رزبلاگ عمل می کنه.
» اين ابزار برای شما قالب سازان طراحی شده و به نیاز شما پاسخ خوبی میده.
» اين ابزار طوری طراحی شده که شما بهتر است تمام باکس ها را پر کنید.
» اين ابزار بر اساس CSS طراحی شده است.
» اين ابزار کاملا کاربردی بوده و منبع آن فقط و فقط moisrex.rozblog.com می باشد.
سلام دوست عزیز
باما تبادل لینک کنید
لینک ما فروشگاه ماه پیشونی


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36596
افراد آنلاین : 6
بازدید امروز : 844
بازدید دیروز : 993
گوگل امروز : 93
گوگل دیروز : 122
بازدید هفته : 4,012
بازدید ماه : 24,688
بازدید سال : 337,072
بازدید کلی : 10,731,548