افکت برای لینکها و تصویر !!!

focus8m

Member
سلام به همه دوستان مخصوصا طراحان عزیزمون

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

http://xn--mgbguh09aqiwi.com/

---------------------------------------------
یه کد هم لازم دارم برای تگ img که تصویر مثل همین سایتی که آدرسشو دادم چرخش پیدا کنه


:rose::rose::rose::rose:
 
آخرین ویرایش:

focus8m

Member
هم اکنون نیازمند یاری سبزتان هستیم

انجمن حمایت از طراحان :-?
 

L-B

Well-Known Member
خوب برای این کار شما باید با لینک یا هر چیزی که میخوایت با بردن موس بروی اون تغییر حالت بده باید از خصوصیت زیر استفاده کنید :

PHP:
hover:

برای مثال برای لینک ها >

PHP:
a:hover {
	color:#F2F4B4
}

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

Mohammad

Member
برای این کار باید لینک ها رو داخل یه div یا li قرار بدید و استایل هاتون رو به اونها بدید . سایتی که دادید از این کد استفاده می کنه
PHP:
<style>
.sid-in ul{
    list-style:none;
    margin: 0;
      padding: 0;
    text-align:right;
}
.sid-in ul li{
    font-size: 11px;
    line-height: 25px;
    color: #000 ;
    background-image: url(image/liar1.png);
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
    padding-right: 25px;
    margin-bottom: 3px;
    margin-left:2px;
    margin-right:2px;
    list-style:none;
}
.sid-in ul li:hover{
    background-color: #007CBF;
    background-image: url(image/liar.png);
    background-repeat: no-repeat;
    background-position: right;
}
.sid-in ul li a{
    color:#000;
    text-decoration:none;
}
.sid-in ul li a:hover{
    color:#fFF;
    text-shadow: 0px 0px 3px #0ff;
    text-decoration:none;
}
</style>


    <div class="sid-in">
            <ul>
    <li><a href=""></a>
</li>
            </ul>
</div>
 

focus8m

Member
ممنون از بابت اولی،ولی برای عکسها از چه استایلی استفاده کنیم؟:rose:
 

shnoit

Well-Known Member
ممنون از بابت اولی،ولی برای عکسها از چه استایلی استفاده کنیم؟:rose:

خب دوست عزیز میتونی از کدهای همون سایت استفاده کنی البته با رعایت قانون کپی رایت !!!:green:
 
آخرین ویرایش:

L-B

Well-Known Member
خدمت شما

PHP:
img:hover {
-webkit-transform: rotate(-3deg);
border: 0px;
opacity: 1;
}
 

جدیدترین ارسال ها

بالا