ورود

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : کمک برای ساخت چنین باکسی در قالب html



arash-shz
May 7th, 2016, 01:23
سلام دوستان من دارم یه قالب html طراحی میکنم
این عکسشه که تا یه جاهایی پیش رفته
31244

میخوام یه باکس جاوا اسکریپتی شبیه عکس زیر به زیر اسلایدرم اضافه کنم. میه دوستان یه راهنمایی کنن؟
31245

rezaonline.net
May 7th, 2016, 01:27
میتونی با تیبل 6 ستون و سه سطر درست کنی
برای ستون اول که آیکن های قرمز رنگ هست میتونی از font-icon ها برای آیکن ها استفاده کنی و یه padding خوب بدی با border-radius که گردش کنه
وسطی هم که ساده اس
پاینی هم که فکر کنم بلد باشید

:)

T.Toosi
May 7th, 2016, 01:31
یک div که میخواهیم circle ما باشد border-radius: 50%; همراه با بک گراند دهید، داخل div از آیکون های (فونت) Awesome (https://fortawesome.github.io/Font-Awesome/icons/) یا عکس استفاده کنید، این از دایره ما، پاینش هم که یک نوشته ساده bold هست، در لاین سوم هم یک div دیگری قرار دهید با بک گراند سفید و border: 1px solid black; همراه با یک borser-radius:5px;

arash-shz
May 7th, 2016, 15:39
ممنون از کمک دوستان ولی نمیدونم چرا نمیشه هر کاری میکنم.
کسی هست کد های آمادشو داشته باشه؟

rezaonline.net
May 8th, 2016, 01:02
کدتون رو بذارید

miladtnt
May 8th, 2016, 01:06
ریسپانسیو بودن مهمه یا خیر؟

persiancoder
May 8th, 2016, 01:13
منو یاد روزهایی که تازه شروع کرده بودم و صبحم با کدبازی شب میشد انداختی !

دایره های بالا که با div و استایل border-radius:50% اوکی میشه.
متن های زیر دایره که چیز خاصی نیست یک span ساده هست.
باکس لینک های پایین هم میتونید توی div بذارید یا به خود a استایل بدید. با border:1px solid #CODE;border-radius:8px اوکی میشه.

البته تقریبا این توضیحات رو دوستانم داده بودن. اگر نتونستی انجامش بدی اطلاع بده تا یک کد نمونه بنویسم.
اما در کل سعی کن انجامش بدی تسلیم نشو. برا یادگیری خیلی موثره.

arash-shz
May 8th, 2016, 13:14
ممنون دوستان . بلاخره تونستم انجامش بدم.
حالا میخوام زیرش یه باکس برای نمونه کارا بزارم شبیه سایت زیر قسمت نمونه کارهای ما .
حالا میخوام بدونم بعد میشه تو وردپرس فراخوانیش کنم و از تو مدیریت نمونه کارها رو بزارم؟
http://shirvaniroof.com/

T.Toosi
May 8th, 2016, 13:22
ممنون دوستان . بلاخره تونستم انجامش بدم.
حالا میخوام زیرش یه باکس برای نمونه کارا بزارم شبیه سایت زیر قسمت نمونه کارهای ما .
حالا میخوام بدونم بعد میشه تو وردپرس فراخوانیش کنم و از تو مدیریت نمونه کارها رو بزارم؟
http://shirvaniroof.com/

بله شدنی است، باید آشنایی با برنامه نویسی و توابع وردپرس داشته باشد.