أستفسار الغاليين ؟! بخصوص القائمة

السلام عليكم

كيف حالكم فريق المنتدى

الغاليين ممكن كود نفس هالصورة ؟!

أستفسار الغاليين ؟! بخصوص القائمة 10zx1di

أستفسار الغاليين ؟! بخصوص القائمة 2qsrxvs

في أنتظار الرد ^^

ولكم مني فائق الود والأحترام

أختكم في الله

اختي ممكن الرابط الي جبتي منهو الصورة

خبير اكواد كتب:اختي ممكن الرابط الي جبتي منهو الصورة

تفضل الغلا

http://www.alhan-mareha.com/forum

clown

من طرف BAZOKA الإثنين 10 مارس 2014 - 4:18

خبير اكواد كتب:<style type="text/css">

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}

.icon {display : block; font-size: 8pt; font-family: Calibri; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
url('http://4.bp.blogspot.com/-rws3a70R4A8/UZfr40BpNvI/AAAAAAAAKfY/O9Qt_1n2CVQ/s320/icon1.gif') no-repeat left; padding-left :5px;
padding-bottom : 2px;}

.icon:hover {display : block; font-size: 8pt; font-family: Calibri; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://4.bp.blogspot.com/-G874FRJby38/UZfr406k3UI/AAAAAAAAKfQ/JH9dQzvuZ6I/s320/icon2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

#spinningbox{
-webkit-border-radius: 30px;
-moz-border-radius: 20px;
border-radius: 20px;

moz-box-shadow: 0 0 1px #E799A3;
-webkit-box-shadow: 0 0 8px #C48793;
position:fixed !important;
left:200px;
top: -15px;
padding-bottom:14px;
padding-top:21px;
text-align:left;
height:7px;
width:79px;
overflow:hidden;
border:1px double #D8BFD8 ;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

background: #fff;

z-index:999;

color:#7f5a58;

background : url('https://2img.net/h/i111.photobucket.com/albums/n159/docedani/back9.png');
}
#spinningbox:hover{

left:200px;

top:10px;

border:2px dashed #D8BFD8 ;

padding:5px;

height:170px;

width:125px;

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

p {
margin:0px; margin-top:0px;
}
a.dp{
color: #8B8682;
background:#FFF;
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size:12px;
}

a.dp:hover{

text-decoration: none;
font-style: none;
font-size:12px;
color: #DB7093;
background:#FFFfcc;
}

</style>

اختي ضعي في ورقة css

راجع الكود اخي ..

اكواد css تنتهي بـ }
وتبدأ بــ {

تمت تجربت الكود على منتدى تجريبي للتأكد ولم يعمل

حدث خطأ اخي وصححناه

عدلت على الكود وهو اصبح كود html

<td align="left"><style type="text/css">

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}

.icon {display : block; font-size: 8pt; font-family: Calibri; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
url('http://4.bp.blogspot.com/-rws3a70R4A8/UZfr40BpNvI/AAAAAAAAKfY/O9Qt_1n2CVQ/s320/icon1.gif') no-repeat left; padding-left :5px;
padding-bottom : 2px;}

.icon:hover {display : block; font-size: 8pt; font-family: Calibri; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://4.bp.blogspot.com/-G874FRJby38/UZfr406k3UI/AAAAAAAAKfQ/JH9dQzvuZ6I/s320/icon2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

#spinningbox{
-webkit-border-radius: 30px;
-moz-border-radius: 20px;
border-radius: 20px;

moz-box-shadow: 0 0 1px #E799A3;
-webkit-box-shadow: 0 0 8px #C48793;
position:fixed !important;
left:200px;
top: -15px;
padding-bottom:14px;
padding-top:21px;
text-align:left;
height:7px;
width:79px;
overflow:hidden;
border:1px double #D8BFD8 ;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

background: #fff;

z-index:999;

color:#7f5a58;

background : url('https://2img.net/h/i111.photobucket.com/albums/n159/docedani/back9.png');
}
#spinningbox:hover{

left:200px;

top:10px;

border:2px dashed #D8BFD8 ;

padding:5px;

height:170px;

width:125px;

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

p {
margin:0px; margin-top:0px;
}
a.dp{
color: #8B8682;
background:#FFF;
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size:12px;
}

a.dp:hover{

text-decoration: none;
font-style: none;
font-size:12px;
color: #DB7093;
background:#FFFfcc;
}

</style> <div id="spinningbox">

<center>
<span font="font" style="color: black; font-family:Lucida Sans; font-size: 16;"><span style="background-color: #EED5D2;"> القائمـ?</span></span><img src="http://4.bp.blogspot.com/-DFVqsLDQWM8/UZft-uR8sCI/AAAAAAAAKfw/GJinqipiTPo/s320/icon3.gif">
<p>

</p>

<p>
<strong> </strong>
</p>

<div class="icon">
<strong> <a href="ضعي هنا رابط صفحة" class="dp" title="المتحف الخاص بعرض مميزات المنتدى">هنا الاسم الذي يودي للصفحة</a> </strong>
</div><strong> </strong>
<div style="" class="icon">
<a href="ضعي رابط الصفحة -page" class="dp" title="ابداعات خاصة">هنا الاسم الذي يودي للصفحة</a>
</div><strong> </strong>
<div style="" class="icon">
<a href="هنا رابط الصفحة" class="dp" title="لعبة شهرية نقدمها لك">هنا الاسم الذي يودي للصفحة</a>
</div><strong> </strong>
<div style="" class="icon">
<a href=" رابط صفحة مركز التحميل-page" class="dp" title="مركز تحميل الصور و الملفات و الفلاشهنا الاسم الذي يودي للصفحة</a>
</div><strong> </strong>
<div style="" class="icon">
<a href="هنا رابط صفحة القرآن" class="dp" title="قرآن يتلى على مدار الساعة بصوت ناصر القطامي">هنا الاسم الذي يودي للصفحة</a>
</div><strong> </strong>
<div style="" class="icon">
<a href="هنا رابط الصفحة" class="dp" title="ملتقانا الأول البوابة">هنا الاسم الذي يودي للصفحة</a>
</div><strong> </strong>
<div style="" class="icon">
<a href="http://www.alhan-mareha.com/h38-page" class="dp" title="قرية صغيرة لكن غموضها كبير">بلدة المرح</a>
</div><strong> </strong>
</center><strong></strong>
</div><style>
#menu
{z-index:999;
background-color:#fff;
border:2px dashed #FFC0CB;
width:50px;
height:50px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:50px 0px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
right:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#icon
{margin-top:20px;
margin-bottom:20px;
margin-right:-12px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#menu:hover
{width:220px;
height:175px;
-moz-border-radius:0px;
border-radius:15px;
padding:10px;}
#menu:hover #icon
{margin-top:10px;
margin-right:0px;
margin-bottom:4px;}

</style> <div id="menu">

<center>

<div id="icon">
<img src="http://1.bp.blogspot.com/-829eUYeVZ_w/UcCutrdUnYI/AAAAAAAANOg/dklwDZSijGE/s1600/icon1+(14).gif">
</div>
شاركينا صديقتي فالمتعة ليست ثرثرة و دردشة المتعة بكم المرح الذي تجدينه
</center>

<p>

</p>

<div align="right">
<span style="text-decoration: underline;">Miss Nemu</span>
</div>
</div></td>

يرجى معاينة الكود من المشرفين

يوضع في التشكيلات العامة

Hitskin.com

أستفسار الغاليين ؟! بخصوص القائمة

أستفسار الغاليين ؟! بخصوص القائمة

رد: أستفسار الغاليين ؟! بخصوص القائمة

رد: أستفسار الغاليين ؟! بخصوص القائمة

رد: أستفسار الغاليين ؟! بخصوص القائمة

رد: أستفسار الغاليين ؟! بخصوص القائمة

رد: أستفسار الغاليين ؟! بخصوص القائمة