كود رائع جدااا
كود تومبلايت من تحويلي
صوره للكود
الكود يتكون من كودين
الكود الاول يوضع في ورقة ال css
الكود:
.link-h{
float:right;
height:30px;
margin:0px;
padding:0px;
width:100%;
}
.link-h li{
float:right;
list-style: none;
position:relative;
}
.link-h li a{
display:block;
font-family: Tahoma ;
font-size:11px;
font-weight:bold;
color: #800000;
line-height:30px;
padding:2px 15px 2px 15px;
text-decoration:none;
height:30px;
border-left:1px #F8F9F0solid;
border-right:1px #1B97C9 solid;
}
.link-h li a:hover{
color:#800000;
}
.hov:hover a{
color:#FF99CC;
}
.hov:hover{
background: url('http://i33.servimg.com/u/f33/17/43/85/13/pghead11.gif') repeat-x right;
height:35px;
}
.hov-home{
background: url(' http://i33.servimg.com/u/f33/17/43/85/13/pghead11.gif') repeat-x right;
padding-top:2px;
margin-left:4px;
margin-right:4px;
}
.usernameee a{
color:#01719F;
}
.infoo{
position:absolute;
right:235px;
top:10px;
width:247px;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
}
.infoo a{
color:#08b9ce;
}
/*--------- -------*/
.texts-up{
float:left;
margin-left:10px;
margin-top:15px;
width:180px;
}
.texts-up ul{
margin:0;
padding:0;
display:block;
}
.texts-up ul li{
list-style:none;
display:block;
text-align:right;
}
.texts-up ul li a{
display:block;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding:2px 4px 3px;
margin:2px;
color:#3076A5 ;
border-bottom:1px #D2D2D2 dotted;
}
.texts-up ul li a:hover{
color:#F90510;
text-decoration:underline;
}
.hedmenu{
padding:3px;
text-align:center;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
background-color:#E8E7E7;
color:#FF99CC;
height:22px;
background: url('../../images/hedmenu.png') no-repeat ;
}
.hedmenu:hover{
background: url('../../images/hedmenu-hover.png') no-repeat ;
}
/*------ ------*/
.link-h li ul{
position: absolute;
right:-2px;
display: none;
top:35px;
padding:0;
width:230px;
margin:0;
}
.link-h li:hover ul{
display:block;
border-left:1px solid #105C87;
border-right:1px solid #105C87;
border-bottom:1px solid #105C87;
background-color:#FEEEE3;
}
.link-h li li{
text-align:right;
}
.link-h li li a{
margin:1px 4px 1px 5px;
width:190px;
border-left:1px #105C87 solid;
border-right:1px #105C87 solid;
background-color:#FDEDE6;
}
.link-h li li a:hover{
margin: 0;
background: #479AC9;
border-left:1px #267CAC solid;
border-right:1px #267CAC solid;
margin:1px 5px 1px 5px;
}
الكود الثاني يوضع في التشكلات العامه
ولا تنسى تغير الروابط بروابط منتداك وضع ما يناسبكم
ولا احلل نقل الكود دون ذكر المصدر
31
عدل سابقا من قبل ♥√•°ĨβŕĂħęm°•√♥ في الثلاثاء أبريل 02, 2013 10:18 am عدل 1 مرات