برنامه نویس وب - دانلود قالب بلاگ بیان ، میهن بلاگ و وردپرس

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ


۱۴ مطلب با کلمه‌ی کلیدی «css» ثبت شده است

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.

<div class="block">
    <img title="" alt="" src="/park.jpg">
    <div class="block-caption">
       عنوان عکس مورد نظر
    </div>
</div>

۲ نظر موافقین ۰ مخالفین ۰
ج . محمد
آموزش سی اس اس : طراحی روبان گوشه ی باکس

آموزش سی اس اس : طراحی روبان گوشه ی باکس

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

قدم اول : کدنویسی ساختار باکس و روبان

<div id="box-wrp">
<div class="rooban-wrp">
<div class="rooban">1coder.blog.ir</div>
</div>
</div>

قدم دوم : استایل باکس 

#box-wrp {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  box-shadow:0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

۵ نظر موافقین ۴ مخالفین ۰
ج . محمد

فیلم آموزش سی اس اس ، افکت محو شدن تصویر

در این مطلب در خدمت تون هستم با فیلم آموزش سی اس اس نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر  را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر) ؛ صفحه مربوط به دمو و کدها (کلیک کنید)

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

آموزش افکت محو نمودن یک تصویر بر روی تصویری دیگر با سی اس اس

در این مطلب می خواهم نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر با سی اس سی را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر)

مرحله اول  : با استفاده از اچ تی ام ال یک باکس هم اندازه با تصویر مورد نظرمون ایجاد میکنیم.

<div class="balochdesign"></div>

مرحله دوم : سپس تصاویر مورد نظرمون رو داخل باکس میگذاریم. برای هر تصویر یک نام کلاس در نظر می گیریم. (برای اعمال استایل)

<div class="balochdesign">
<img class="ax1" src="http://lorempixel.com/200/200" />
<img class="ax2" src="http://lorempixel.com/200/200/sports" />
</div>

۳ نظر موافقین ۲ مخالفین ۰
ج . محمد

آموزش ساخت شکل قلب با سی اس اس

با سلام ، امروز در خدمت تون هستم با آموزش طراحی شکل قلب با استفاده از سی اس اس (css) 

برای طراحی شکل قلب به سه شکل نیاز داریم ؛ یه مربع با دوتا دایره! 

۰ نظر موافقین ۱ مخالفین ۰
ج . محمد

نحوه ی پنهان کردن بلوک یا یک قسمت از سایت با css

در این مطلب با شما هستم با نحوه ی پنهان کردن مطالب و یا هر چیزی با سی اس اس (CSS) 

ویژگی یا (property)  ؛ display  که میتوان با دادن مقدار none همه چیز رو پنهان کرد ؛ ولی همیشه قابل استفاده نیست مثلا وقتی شما بخواهید یک منو افتادنی یا کشویی رو با سی اس اس ایجاد کنید این ویژگی اصلا مفید و بدردخور نیست ! و اینکه این ویژگی (display) قابلیت انتقال (transitionable) رو نداره  ؛ یعنی نمیشه با افکت و انیمیشن از حالتی به حالت دیگر منتقل بشه ، بعنوان مثلا نمیشه افکت محو شدن را بهش اعمال کرد مگر اینکه از جاوا اسکریپت استفاده بشه !

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

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

کافیست شما کد زیر را به کدهای استایل ( فایل CSS ) خود اضافه کنید.

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
تبدیل قالب PSD به کد ریسپانسیو

تبدیل قالب PSD به کد ریسپانسیو

با سلام خدمت بازدیدکنندگان عزیز ! یه پیشنهاد خوب !  من قالب های PSD شما را به کد html5 و css3 تبدیل میکنم ؛ با هدیه! ریسپانسیو سازی قالب و تبدیل رایگان آن به بلاگ بیان! کافیست که فقط فقط زیر همین مطلب فایل خود را از قسمت نظرات برام ارسال کنید.

ویژگی طرح تبدیل شده :

کاملا استاندارد W3C

استفاده از میکرودیتا ( اهمیت میکرودیتا در سئو)

کد بهینه و لود سریع

استفاده از فونت آیکون

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

هزینه بسیار مناسب + ریسپانسیو و ترجمه رایگان به بلاگ

لطفا طرح یا اسکرین شات با توضیحات ارسال شود تا با هزینه ی کمتری برایتان انجام شود ، موفق باشید

۱ نظر موافقین ۱ مخالفین ۰
ج . محمد
طراحی و کدنویسی صفحه نخست سایت کاریابی

طراحی و کدنویسی صفحه نخست سایت کاریابی

یه پروژه جدید گرفتم ، طراحی و کدنویسی یک وبسایت کاریابی.

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

لطفا نظرات خود را بهم بگید مرسی از شما :)

اسکرین شات

پروژه دارای 11 صفحه می باشد باید ریسپانسیو باشند ، صفحه اینترو ، صفحه اصلی ، صفحه کارفرما و ... ، این دومین پروژه طراحی و کدنویسی اختصاصی یه سایت هست ( قالب وبلاگ و سایت وردپرسی قضیه اش جداس ). نماز و روزه های همتون قبول حق! :) !

پ.ن : بزودی یه قالب حرفه ای و ریسپانسیو برا بلاگ میذارم.

۵ نظر موافقین ۲ مخالفین ۰
ج . محمد
بخش اول -دوره ی آموزش ایجاد یک سایت شخصی با html5 و css3

بخش اول -دوره ی آموزش ایجاد یک سایت شخصی با html5 و css3

مقدمه

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

۷ نظر موافقین ۰ مخالفین ۰
ج . محمد
فیلم آموزش ایجاد ساختار صفحه عریض با html و css

فیلم آموزش ایجاد ساختار صفحه عریض با html و css

دراین فیلم آموزشی یک صفحه عریض را با html و css کدنویسی می کنیم. امیداورم براتون مفید باشه ! در مطالب بعدی با html5  عزیز آشنا می شویم  و به همرا آن با فیلم آموزشی یک صفحه با ساختار دو ستونه ایجاد می کنم.

۲ نظر موافقین ۰ مخالفین ۰
ج . محمد
هدر جدید 2 برای قالب شماره یک

هدر جدید 2 برای قالب شماره یک

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

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
آموزش CSS

آموزش CSS

بخش اول آموزش سی اس اس CSS

 

تاریخچه مختصر

در سال 1995 توسط کنسرسیوم جهانی وب (W3C) معرفی شد.

سال 1996 این استاندارد به طراحان وب توصیه شد.

سال 1998 نیز نسخه دوم این استاندارد نیز منتشر شد.

اولین سایتی که طراحی قدیمی را کنار گذاشت و در طراحی قالب از  css  استفاده کرد، سایت ورزشی ESPN بود و سایت دیگری هم بودند

که از این استاندارد استفاده کردند همچون GAMESPOT که بعنوان بزرگترین سایت مرتبط با بازی های کامپیوتری شناخته میشود.

 

۱ نظر موافقین ۰ مخالفین ۰
ج . محمد

بخش اول - معرفی اچ تی ام ال

 

 

زبان HTML (اچ تی ام ال) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی وب هست.

HTML یکی از محدود زبان هایی هست که مرورگرها قابلیت خواندن و معنی کردن آن رو به صورت مستقیم دارند.و کاربرد بیشتر زبان های مانند php و … هم در واقع برای مدیریت بهتر بر روی HTML است ، در واقع از همین نکته هم می شود از اهمیت این زبان با خبر شد

طراحی وب استاتیک و دینامیک

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

 

مشاهده عکس

۱ نظر موافقین ۰ مخالفین ۰
ج . محمد