شاطر

3 مشترك

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

شاطر       Empty شاطر

مُساهمة من طرف رابحي حسين الإثنين 9 نوفمبر 2015 - 19:02

تم فتح موضوع سابق بخصوص هذا الموضوع لكنه أغلق بدون سبب : 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]




شاطر       Qq5sme
رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف stones الثلاثاء 10 نوفمبر 2015 - 11:23

مرحبا
جرب هذا
الكود:
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;
}
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16184
السُمعة : 414

http://stones.arab.st/

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 19:33

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

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


شكرا
رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف شاعر زمانه الثلاثاء 10 نوفمبر 2015 - 19:38

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

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

ذكر
عدد المساهمات : 1445
معدل النشاط : 6077
السُمعة : 56

http://instagram.com/uez

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 21:37

رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف شاعر زمانه الثلاثاء 10 نوفمبر 2015 - 21:40

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

ذكر
عدد المساهمات : 1445
معدل النشاط : 6077
السُمعة : 56

http://instagram.com/uez

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 21:56

تم الحذف
رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف شاعر زمانه الثلاثاء 10 نوفمبر 2015 - 21:58

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

الكود:
.addthis_button {
position: relative;
bottom: 10px;
}

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

الكود:
<style>
.addthis_button {
position: relative;
bottom: 10px;
}
</style>

شاعر زمانه
شاعر زمانه
 
 

ذكر
عدد المساهمات : 1445
معدل النشاط : 6077
السُمعة : 56

http://instagram.com/uez

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 22:45

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

أعلى ؟ فوق ؟؟
رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف شاعر زمانه الثلاثاء 10 نوفمبر 2015 - 23:04

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

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

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

هذا هو قالب الهيدر
شاعر زمانه
شاعر زمانه
 
 

ذكر
عدد المساهمات : 1445
معدل النشاط : 6077
السُمعة : 56

http://instagram.com/uez

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 23:12

شكرا

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

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

شاطر       Empty رد: شاطر

مُساهمة من طرف شاعر زمانه الثلاثاء 10 نوفمبر 2015 - 23:15

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

ذكر
عدد المساهمات : 1445
معدل النشاط : 6077
السُمعة : 56

http://instagram.com/uez

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

شاطر       Empty رد: شاطر

مُساهمة من طرف رابحي حسين الثلاثاء 10 نوفمبر 2015 - 23:16

شكرا
رابحي حسين
رابحي حسين
 
 

ذكر
عدد المساهمات : 487
معدل النشاط : 5062
السُمعة : 0

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

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

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

- مواضيع مماثلة

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