دسته‌بندی css - مرجع بلاگ اسکای

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

نمونه این کد را در یک کد و یک نویس میبینید. به این طور که وقتی قسمتی از متن را انتخواب میکنید به رنگ آبی همیشگی نیست. شما میتوانید با تغییر این قسمت " FF4445# " از کد رنگ مورد نظر خود را جایگذین کنید.

خوب کافیست کد زیر در head قالب شما قرار گیرد:

selection code کد رنگ انتخواب متن کد رنگ select تغییر رنگ انتخواب متن

محمد حسین دوشنبه 21 مرداد 1392 ساعت 18:13

3 نظر

فعال کردن ابزارک نظرسنجی در بلاگ اسکای

یکی از نیازهای هر سایت که میتواند مواقعی باعث پیشرفت سایت شود قسمت نظر سنجی میباشد شما با این کار علاوه بر احترام به نظر کاربران خود به حضور کاربران در سایت هم توجه مینمائید. در نسخه جدید بلاگ اسکای شما به راحتی می توانید به کمک "یک کد" این ابزارک را فعال کرده و استفاده کنید.

ادامه مطلب ...

بلاگ اسکای نظرسنجی نظرسنجی در بلاگ اسکای ابزارک نظرسنجی فعال کردن کد یک کد

محمد حسین دوشنبه 21 مرداد 1392 ساعت 04:35

15 نظر

منوی باز شونده از بالا برای وبلاگ

برای گذاشتن منو بسیار زیبایی که در دمو بالا مشاهده میکنید طبق دستوری که در ادامه مطلب ذکر میکنیم عمل کنید:

ادامه مطلب ...

منوی باز شونده منو کشویی کد منو برای وبلاگ منو ی جالب برای وبلاگ منوی زیبا منو بالای صفحه

محمد حسین یکشنبه 20 مرداد 1392 ساعت 20:48

0 نظر

کد پرچم ایران برای وبلاگ

برای گذاشتن پرچمی که در دمو بالا مشاهده میکنید، کد زیر را در جایی از قالب که میخواهید نمایش داده شود قرار دهید:

.flagwave {
    position: absolute;
    
    top: -3px;
    left: -3px;
    
    width: 231px;
    height: 156px;
    
    z-index: 2;

background-image: 
        
        -webkit-gradient(
            linear, 
            0% 30%, 
            50% top, 
            color-stop(0%,rgba(255,255,255,0)), 
            color-stop(40%,rgba(255,255,255,0)), 
            color-stop(90%,rgba(255,255,255,.3)), 
            color-stop(100%,rgba(255,255,255,0))),
        
        -webkit-gradient(
            linear, 
            50% 30%, 
            100% top, 
            color-stop(0%,rgba(224,225,225,0)), 
            color-stop(25%,rgba(225,225,225,.3)), 
            color-stop(50%,rgba(224,225,225,0)), 
            color-stop(80%,rgba(224,225,225,.3)), 
            color-stop(100%,rgba(224,225,225,0)));
    
    background-size: 200%;
    background-position: right;
    
    -webkit-animation-name: flagwave;
    -webkit-animation-duration: 14s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes flagwave {
    
        0% {
            background-position: -400px 0px, -400px 0px, -400px 0px,-400px 0px;
        }
    
        100% {
            background-position: 800px 0px, 800px 0px, 800px 0px, 800px 0px;
        }
    }
</style>
<div class="flag">
    <div class="flagwave"></div>
</div>

کد کد پرچم ایران برای وبلاگ کد پرچم یک کد کد پرچم css پرچم ایران

محمد حسین شنبه 19 مرداد 1392 ساعت 22:31

0 نظر

کد لوگو css - کهکشانی

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

با این کد لوگو شما به صورت css و بسیار زیبا درست میشه به این صورت که انگار از پشت لوگو یک کهکشان در حال گذشتنه.

این کد رو به دو صورت آماده کردم یکی به صورت استفاده عمومی و دیگری مخصوص کاربرا بلاگ اسکای که به صورت خودکار عنوان وبلاگشون در این کد قرار بگیره.

ادامه مطلب ...

کد لوگو لوگو css کد لوگو زیبا logo زیبا css logo یک کد فول css

محمد حسین شنبه 19 مرداد 1392 ساعت 14:12

0 نظر

کد دکمه فول css

در این پست برای شما کد دکمه های زیبایی را گذاشتم که در موارد مختلفی میتوانید از آنها استفاده کنید. این دکمه ها کاملا از css ساخته شده اند.

ابتدا کد زیر را در head خود قرار دهید :

.container > .button { margin: 0 10px; }

.button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  min-width: 96px;
  line-height: 46px;
  padding: 0 24px;
  font-size: 14px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #154c86;
  background-color: #247edd;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #1c65b2 #18589c #18589c;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.button:before {
  content: '';
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -20%;
  right: -20%;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}

.button:hover { background-color: #1a74d3; }

.button:active {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px #154c86;
  background: #1f71c8;
  border-color: #113f70 #154c86 #1c65b2;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}

.button:active:before {
  top: -50%;
  bottom: -125%;
  left: -15%;
  right: -15%;
  -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}

.button-green {
  text-shadow: 0 1px #0d4d09;
  background-color: #1ca913;
  border-color: #147b0e #11640b #11640b;
}

.button-green:hover { background-color: #159b0d; }

.button-green:active {
  text-shadow: 0 -1px #0d4d09;
  background: #189210;
  border-color: #093606 #0d4d09 #147b0e;
  background-image: -webkit-linear-gradient(top, #126d0c, #20c016);
  background-image: -moz-linear-gradient(top, #126d0c, #20c016);
  background-image: -o-linear-gradient(top, #126d0c, #20c016);
  background-image: linear-gradient(to bottom, #126d0c, #20c016);
}

.button-red {
  text-shadow: 0 1px #72100d;
  background-color: #cd1d18;
  border-color: #9f1713 #891310 #891310;
}

.button-red:hover { background-color: #c01511; }

.button-red:active {
  text-shadow: 0 -1px #72100d;
  background: #b61a15;
  border-color: #5b0d0b #72100d #9f1713;
  background-image: -webkit-linear-gradient(top, #921511, #e4201b);
  background-image: -moz-linear-gradient(top, #921511, #e4201b);
  background-image: -o-linear-gradient(top, #921511, #e4201b);
  background-image: linear-gradient(to bottom, #921511, #e4201b);
}
</style>

سپس کد رنگ دلخواه را از ادامه بردارید و در جایی که میخواهید کد نمایش داده شود قرار دهید.

ادامه مطلب ...

کد دکمه فول css کد دکمه زیبا برای وبلاگ دکمه css سی اس اس

محمد حسین پنج‌شنبه 17 مرداد 1392 ساعت 17:36

0 نظر

کد استایل متن - بسیار زیبا

متن شما

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

کد زیر را در head وبلاگ خود قرار دهید:

و این کد را هر جا که میخواهید متن به نمایش در بیاید ...

امیدوارم خوشتون اومده باشه

استایل متن css وبلاگ زیبا

محمد حسین پنج‌شنبه 6 تیر 1392 ساعت 19:09

0 نظر

تبدیل طرح های فتوشاپ به CSS با یک کلیک - برای حرفه ای تر ها

امروزه کمتر کسی است که نام فتوشاپ را نشنیده باشد. فتوشاپ نه تنها یک ابزار محبوب برای ویرایش تصاویر است، بلکه بسیاری افراد از این نرم افزار برای طراحی ظاهر وب سایت ها استفاده می کنند. تنوع امکانات و افکت ها یکی از بزرگترین مزایای این نرم افزار شرکت ادوبی است.

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

ادامه مطلب ...

فتوشاپ CSS طرح وب سایت تبدیل سی اس اس CSS3Ps پلاگین

محمد حسین دوشنبه 27 خرداد 1392 ساعت 22:47

1 نظر

محمد حسین مشمول

نظرسنجی

پیوندها

دسته‌ها

ابر برجسب

برگه‌ها

جدیدترین یادداشت‌ها

نویسندگان

بایگانی

جستجو