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

اذهب الى الأسفل

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

مُساهمة من طرف غزلان بنت سحمي في الأحد 9 مارس 2014 - 1:44

السلام عليكم
كيف حالكم فريق المنتدى
الغاليين ممكن كود نفس هالصورة ؟!  Question 


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

أختكم في الله
avatar
غزلان بنت سحمي
 
 

انثى
عدد المساهمات : 76
معدل النشاط : 2017
السُمعة : 2

http://gazlanbintsahmeiy.7olm.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ابوليث1994 في الأحد 9 مارس 2014 - 3:24

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

ذكر
عدد المساهمات : 409
معدل النشاط : 2211
السُمعة : 3

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف غزلان بنت سحمي في الإثنين 10 مارس 2014 - 1:02

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

تفضل الغلا

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


 clown
avatar
غزلان بنت سحمي
 
 

انثى
عدد المساهمات : 76
معدل النشاط : 2017
السُمعة : 2

http://gazlanbintsahmeiy.7olm.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ابوليث1994 في الإثنين 10 مارس 2014 - 1:14

<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
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 2211
السُمعة : 3

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف 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 تنتهي بـ }
وتبدأ بــ {

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

ذكر
عدد المساهمات : 375
معدل النشاط : 2164
السُمعة : 8

http://diff.dbzworld.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ابوليث1994 في الإثنين 10 مارس 2014 - 9:49

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

عدلت على الكود وهو اصبح كود 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>

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

يوضع في التشكيلات العامة
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 2211
السُمعة : 3

http://alabda3sun.alafdal.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى