رفتن به مطلب

ساخت حاشیه و جعبه های زیبا با CSS


پست های پیشنهاد شده

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

دوستان فقط پیش نماش های خود را در سایت http://jsfiddle.net بگذارند.

کد استایل :


<style>
a {
text-decoration:none
}
.adstxt {
background:#eee;
color:#666;
width:190px;
height:220px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
font-family:Tahoma;
font-size:12px;
padding:5px 12px;
float:right;
}
.adstxt:hover {
color:#fff;
background:#af17bd;
border-radius:25px 0px 25px 0px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
</style>

کد محل نمایش :


<div class="adstxt">
</div>

پیش نمایش

ویرایش شده توسط alireza1375
لینک به ارسال

اینکار اسمش پشتیبانیه؟ :huh:

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

لینک به ارسال

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

اینکار به خودی خود ایرادی نداره ولی جاش توی انجمن css است نه وردرس

لینک به ارسال

به گفتگو بپیوندید

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

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...