شاطر

تم فتح موضوع سابق بخصوص هذا الموضوع لكنه أغلق بدون سبب : https://help.ahlamontada.com/t1081214-topic

وضعت كود تغيير كلمة شاطر بصورة

أريد جعل كلمة شاطر متناسبة مع ( أعجبني ) فيس بوك و (غرد) تويتر في المستوى

على خط واحد


يعني كلمة شاطر تطلع فوق قليلا

بل أقصد كلمة شاطر تطلع فوق لتكون على خط مستقيم مع أعجبني وغرد

أكواد css

الكود:

.ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
}
 
 
.hima-elmasry {
    background: url(none) no-repeat scroll center top transparent;
    padding: 20px;
    width: 165px;
}
 
 
.hima {
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png") repeat-x scroll left top #37DCFC;
    border-bottom: 2px solid #F2812E;
    color: #000033;
    font-family: arial;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 1px 1px 1px #888888;
    width: 185px;
}
 
.masry {
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
    height: 12px;
    margin: auto;
    position: relative;
    width: 185px;
}
.ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
}
 
 
.sidebaritem {
    background: url("") repeat-x scroll 0 0 #FBFBFB;
    border-color: #D1D1E1;
    border-style: solid;
    border-width: 1px 2px 1px 1px;
    font-size: 11px;
    padding: 0;
    width: 180px;
}
        .AVATAR img {
            width: 150px;
        }


#divsmilies, #chatbox_header a.cattitle strong {
    display: none !important;
    }
    #chatbox_header a.cattitle:after{
  content:"غرفة النقاشات"
    ;float:right
    padding:5px;
    ;visibility:visible
    }




.Yassine-bablil {
background-color: #ece0e0;
padding: 0;}
 
 
.Yassine-bablil-1 {  
background-color: #f9f6f6;  
border: 0 solid #ffffff;  
font-family: Arial,Times New Roman;  
font-size: 15px;  
font-weight: bold;  
padding: 10px;}
 
 
/*-----Programming code byMahmoud TalaaT& sam hameed-----*/
#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  Mahmoud TalaaT;
  background-color:#000;
  cursor:pointer;
}
#lbCenter,#lbBottomContainer{
  position:absolute;
Mahmoud TalaaT;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}
.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}
#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{
  display:block;
Mahmoud TalaaT;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}
#lbPrevLink{
  left:0;
}
#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}
#lbNextLink{
  right:0;}
#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}
#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  Mahmoud TalaaT;
  border:10px solid #fff;
  border-top-style:none;
}
#lbCloseLink{
  display:block;
  float:right;
  Mahmoud TalaaT;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  Mahmoud TalaaT;
  margin:5px 0;
}
#lbCaption,#lbNumber{
  margin-right:71px;
}
.postbody img{
  max-width:450px;
}
/*-----Programming code byMahmoudTalaat&samhamed-----*/
 
/*-----Programming code byMahmoud TalaaT& sam hameed-----*/
#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  Mahmoud TalaaT;
  background-color:#000;
  cursor:pointer;
}
#lbCenter,#lbBottomContainer{
  position:absolute;
Mahmoud TalaaT;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}
.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}
#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{
  display:block;
Mahmoud TalaaT;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}
#lbPrevLink{
  left:0;
}
#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}
#lbNextLink{
  right:0;}
#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}
#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  Mahmoud TalaaT;
  border:10px solid #fff;
  border-top-style:none;
}
#lbCloseLink{
  display:block;
  float:right;
  Mahmoud TalaaT;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  Mahmoud TalaaT;
  margin:5px 0;
}
#lbCaption,#lbNumber{
  margin-right:71px;
}
.postbody img{
  max-width:450px;
}
/*-----Programming code byMahmoudTalaat&samhamed-----*/

div.title {
    color: #000!important;
}

tr.post td {
 
    text-align: center;
 
}


.hima-ahlamontadaa:hover {
    background-color: #DAEFFB;
}
.hima-ahlamontadaa {
    background-color: white;
    border-color: silver;
    border-style: dotted solid dotted dotted;
    border-width: thin 4px thin thin;
    color: #333333;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}

#chatbox_header .cattitle {
    display: none !important;
}

size:0;padding:50px}.addthis_button{background:url(http://i21.servimg.com/u/f21/18/98/57/88/untit108.png)
 no-repeat;background-position:center right;font-size:0;padding:50px}

الكود المستعمل:

[list=linenums]
 
[*]size:0;padding:50px}.addthis_button{background:url(https://i.servimg.com/u/f21/18/98/57/88/untit108.png)
[*] no-repeat;background-position:center right;font-size:0;padding:50px}
[/list]

مرحبا
جرب هذا

الكود:

lamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
}
 
 
.hima-elmasry {
    background: url(none) no-repeat scroll center top transparent;
    padding: 20px;
    width: 165px;
}
 
 
.hima {
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png") repeat-x scroll left top #37DCFC;
    border-bottom: 2px solid #F2812E;
    color: #000033;
    font-family: arial;
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 1px 1px 1px #888888;
    width: 185px;
}
 

.masry {
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
    height: 12px;
    margin: auto;
    position: relative;
    width: 185px;
}


.ahlamontada {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 2px;
    text-shadow: 0 0 1px #626262;
}
 
 
.sidebaritem {
    background: url("") repeat-x scroll 0 0 #FBFBFB;
    border-color: #D1D1E1;
    border-style: solid;
    border-width: 1px 2px 1px 1px;
    font-size: 11px;
    padding: 0;
    width: 180px;
}



        .AVATAR img {
            width: 150px;
        }


#divsmilies, #chatbox_header a.cattitle strong {
    display: none !important;
    }



    #chatbox_header a.cattitle:after{
  content:"غرفة النقاشات"
    ;float:right
    padding:5px;
    ;visibility:visible
    }




.Yassine-bablil {
background-color: #ece0e0;
padding: 0;
}
 
 
.Yassine-bablil-1 { 
background-color: #f9f6f6; 
border: 0 solid #ffffff; 
font-family: Arial,Times New Roman; 
font-size: 15px; 
font-weight: bold; 
padding: 10px;
}
 
 
/*-----Programming code byMahmoud TalaaT& sam hameed-----*/


#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  Mahmoud TalaaT;
  background-color:#000;
  cursor:pointer;
}


#lbCenter,#lbBottomContainer{
  position:absolute;
Mahmoud TalaaT;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}


.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}


#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink{
  display:block;
Mahmoud TalaaT;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}


#lbPrevLink{
  left:0;
}

#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}

#lbNextLink{
  right:0;
}

#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}


#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  Mahmoud TalaaT;
  border:10px solid #fff;
  border-top-style:none;
}


#lbCloseLink{
  display:block;
  float:right;
  Mahmoud TalaaT;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  Mahmoud TalaaT;
  margin:5px 0;
}


#lbCaption,#lbNumber{
  margin-right:71px;
}

.postbody img{
  max-width:450px;
}



/*-----Programming code byMahmoudTalaat&samhamed-----*/
 
/*-----Programming code byMahmoud TalaaT& sam hameed-----*/


#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  Mahmoud TalaaT;
  background-color:#000;
  cursor:pointer;
}

#lbCenter,#lbBottomContainer{
  position:absolute;
Mahmoud TalaaT;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}

.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}

#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink{
  display:block;
Mahmoud TalaaT;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}

#lbPrevLink{
  left:0;
}

#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}
#lbNextLink{
  right:0;
}

#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}
#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  Mahmoud TalaaT;
  border:10px solid #fff;
  border-top-style:none;
}
#lbCloseLink{
  display:block;
  float:right;
  Mahmoud TalaaT;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  Mahmoud TalaaT;
  margin:5px 0;
}
#lbCaption,#lbNumber{
  margin-right:71px;
}
.postbody img{
  max-width:450px;
}
/*-----Programming code byMahmoudTalaat&samhamed-----*/

div.title {
    color: #000!important;
}

tr.post td {
 
    text-align: center;
 
}


.hima-ahlamontadaa:hover {
    background-color: #DAEFFB;
}
.hima-ahlamontadaa {
    background-color: white;
    border-color: silver;
    border-style: dotted solid dotted dotted;
    border-width: thin 4px thin thin;
    color: #333333;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}

#chatbox_header .cattitle {
    display: none !important;
}




.addthis_button{
  background:url(http://i21.servimg.com/u/f21/18/98/57/88/untit108.png)
 no-repeat;background-position:top right;font-size:0;padding:50px;
}

لكنها طلعت لفوق بشكل كبير

أريد أن تتناسب مع غرد و أعجبني على خط مستقيم


شكرا

من بعد إذن المشرف
مرحباً اخي

ضع رابط منتداك هنا او ارسلة لي على الخاص

تفضل

http://riyad-assalihin.montadamoslim.com/

حتى اتمكن من ترتيبه لك
عليك بحذف الكود الذي وضعه لك اخي العزيز stone
حتى تظهر في المنطقه الاصل حتى يتم الترتيب وتنسيق الكود

تم الحذف

حسنن الان ضع هذا الكود في ورقة css

الكود:

.addthis_button {
position: relative;
bottom: 10px;
}

او ضعه في قالب الهيدر من اجل السرعه

الكود:

<style>
.addthis_button {
position: relative;
bottom: 10px;
}
</style>

كيف أضع الكود الثاني في قالب الهيدر ؟؟

أعلى ؟ فوق ؟؟

بما انك قد وضعت الاول في ورقة css فلن يكون هنالك اي داعي لوضع الكود الاخر

الطريقة إلى الهيدر

من خلال التوجه للوحة الإدارة
.مظهر المنتدى = التومبلايتات و القوالب = إدارة عامة = overall_header

هذا هو قالب الهيدر

شكرا

ولكن قصدي بأول القالب أم ماذا ؟

ضعه في اي مكان ترغب به لا يفرق بشيء

شكرا