طلب تعديل بسط جدا فى كود css

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

طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في السبت 30 يونيو 2012 - 12:45

هذة هو الكود الكود خاص بتومبلايت وضع اطار حول جميع جوانب الفئات وهذ االكود
غير كود تومبلايت الاخ جيوتى
الكود:
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.hed-body {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u14.png);
    background-repeat: repeat-x;
    height: 61px;
    text-align:center
}


.hed-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/egy10.png);
    background-repeat: no-repeat;
    float: right;
    height: 61px;
    width: 200px;
}
.hed-left {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/egy10.png);
    background-repeat: no-repeat;
    float: left;
    height: 61px;
    width:260px;
}
.hed-center{

}
.foot-body {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u19.png);
    background-repeat: repeat-x;
    height: 30px;
}
.foot-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u13.png);
    background-repeat: no-repeat;
    float: right;
    height: 30px;
    width: 39px;
}
.foot-left {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u11.png);
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 219px;
}
.foot-center {

}
.cont-body {
    background: Transparent;
}
.cont-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u14.png);
    background-repeat: repeat-y;
    background-position: right;
}
.cont-left {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u16.png);
    background-repeat: repeat-y;
    background-position: left;
    padding-left: 37px;
    padding-right: 40px;
}



.row2 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.row1 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.row3 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

.hr {
background: url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa_u11.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 0px 130px;
line-height: normal;
}
   
    .
hr{
height: 2px;
width: 137px;
background-image:url(http://i44.servimg.com/u/f44/14/64/42/77/88888810.png);
}
المهم لو فى حد بيفهم فى السى اس اس يدخل
المشكلة انى فى فراغ بين صورة الاطار السفلى والفئة
صورة توضيحية



وهذا رابط المنتدى للمعاينة
http://egyu.yoo7.com/
المشكلة التانية انى صورة الامتداد ممتدة اكترمن الملطلوب بحبة بسيطة
ارجو دخول الخبراء فى الcss


عدل سابقا من قبل amai في السبت 30 يونيو 2012 - 12:59 عدل 2 مرات
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في السبت 30 يونيو 2012 - 12:53

اسف الكود هو
الكود:
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.hed-body {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u14.png);
    background-repeat: repeat-x;
    height: 61px;
    text-align:center
}


.hed-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/egy10.png);
    background-repeat: no-repeat;
    float: right;
    height: 61px;
    width: 200px;
}
.hed-left {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/egy10.png);
    background-repeat: no-repeat;
    float: left;
    height: 61px;
    width:260px;
}
.hed-center{

}
.foot-body {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u19.png);
    background-repeat: repeat-x;
    height: 30px;
}
.foot-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u13.png);
    background-repeat: no-repeat;
    float: right;
    height: 30px;
    width: 39px;
}
.foot-left {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u11.png);
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 219px;
}
.foot-center {

}
.cont-body {
    background: Transparent;
}
.cont-right {
    background-image:url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa-u14.png);
    background-repeat: repeat-y;
    background-position: right;
}
.cont-left {
    background-image:url(http://i48.servimg.com/u/f48/11/58/90/14/eiaa-u16.png);
    background-repeat: repeat-y;
    background-position: left;
    padding-left: 37px;
    padding-right: 40px;
}



.row2 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.row1 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.row3 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

.hr {
background: url(http://i44.servimg.com/u/f44/17/54/70/62/eiaa_u11.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 0px 130px;
line-height: normal;
}
   
    .
hr{
height: 2px;
width: 137px;
background-image:url(http://i44.servimg.com/u/f44/14/64/42/77/88888810.png);
}
اين انتم يا خبراء احلى منتدى
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في السبت 30 يونيو 2012 - 13:17

ليه يا شباب مفيش حدا بيرود على الموضيع بتاعتى
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في السبت 30 يونيو 2012 - 13:33

monkey
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في الإثنين 2 يوليو 2012 - 20:51

لماذا تم اهمال موضوعى
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في الثلاثاء 3 يوليو 2012 - 19:17

48 مشاهدة و4 ردود ولم يتم الرد
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

ممكن شرح

مُساهمة من طرف simo lkm في السبت 7 يوليو 2012 - 11:31

سلام ممكن تشرح طريقة عمل الكوددددددددد tongue tongue tongue
avatar
simo lkm



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

http://alhal.goo-dole.com

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف KhALiD-Net في السبت 7 يوليو 2012 - 13:01

ضع ايضا قالب الاندكس بوكس
avatar
KhALiD-Net
 
 

ذكر
عدد المساهمات : 3810
معدل النشاط : 6693
السُمعة : 152

http://ask.fm/kha10

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف MSS MEME في السبت 7 يوليو 2012 - 13:46

رآئعع ومشكور اخوي =)
جآري التجربةة
avatar
MSS MEME



انثى
عدد المساهمات : 40
معدل النشاط : 2449
السُمعة : 0

http://ebdaxebda.yoo7.com/

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في الأحد 8 يوليو 2012 - 11:35

الكود:
<img src="{SPACER}" alt="" height="5" width="1"><img src="http://illiweb.com/fa/empty.gif">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="hed-body">
<div class="hed-right"></div>
<div class="hed-left"></div>
<div class="hed-center">
</div>

</div>
<div class="cont-body">
<div class="cont-right">
<div class="cont-left">
<table class="forumline" width="100%" border="0" cellspacing="1"cellpadding="0">
    <tr>
      <ul class="glossymenu"><li class="current"><a
        href=http://egyu.yoo7.com"><b>
      </b></a></li><li><a href="/search?search_id=egosearch"
        title="استعرض مشاركتك"><b>استعرض مشاركاتك
        </b></a></li><li><a href="/memberlist?mode=overall_posters"
        title="افضل 20 عضو " style=""><b>افضل 20 عضو
        </b></a></li><li><a href="memberlist.forum?mode=today_posters"
        title="افضل اعضاء اليوم" style=""><b> افضل اعضاء اليوم</b></a></li><li><a href="/search.forum?search_id=activetopics"><b>افضل مواضيع اليوم</b></a></li><li><a href="/search?search_id=newposts"
        style=""><b>المواضيع الجديدة
        </b></a></li><li><a href="http://egyu.yoo7.com/h3-codebrowser"
        style=""><b>مستعرض الاكواد</b></a></li></ul>

 <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%">
<class="secondarytitle"><span class="secondarytitle">{catrow.tablehead.L_FORUM}                   
</span></th>     
      <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>
    <th nowrap="nowrap" width="50">احصائيات</th>
<th nowrap="nowrap" width="50"><div
style="width:50px;">الاشراف</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="200"><img src="{SPACER}"width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}"

href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="50"><img src="{SPACER}" width="50" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"

src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%"

height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">

{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
          <!-- BEGIN forum_link_no -->

            <td class="row3 over" align="right" valign="middle" height="50">
        <span class="gensmall"><img src="http://i49.servimg.com/u/f49/16/49/08/98/icon110.gif">{catrow.forumrow.LAST_POST}</span>
      </td>
 
 
        </td>
        <td class="row2" align="center" valign="middle" height="50">
<div style="width: 110px; height: 15px" id="stats">
        <font face="Tahoma"><span style="font-size: 8pt">المواضيع :{catrow.forumrow.TOPICS}<br>
<div style="width: 110px; height: 15px" id="stats">
        <font face="Tahoma"><span style="font-size:
8pt">
مشاركات :{catrow.forumrow.POSTS}<br></span>
        </td>

  <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span

class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
<table dir="ltr" border="0" cellpadding="0" cellspacing="0"><tbody><tr><span

class="gensmall"><span class="gensmall"><span class="gensmall"><span

class="gensmall"></span></span></span></span><td class="row2" colspan="3" align="center"

valign="middle" height="50"><span class="gensmall"><ul id="topMenu"><li class=""

onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class=""

onmouseover="this.className = 'over';" onmouseout="this.className = '';"><img

src="http://i49.servimg.com/u/f49/17/59/38/34/add-ma10.png" alt=""><ul style="width: 200px; top:

10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table

class="forumline" border="0" cellpadding="0" cellspacing="1"

width="100%"><tbody></span></td></tr><tr><td class="row1" onmouseover='this.className="row2"'

onmouseout='this.className="row1"' width="100%">
{catrow.forumrow.switch_moderators_links.L_MODERATOR}

{catrow.forumrow.switch_moderators_links.MODERATORS}
</td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0"

cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float:

left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left:

0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}

</style></table></span></td></tr></tbody></table>
            <!-- END switch_moderators_links --></span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}"

alt="" height="1" width="1" /></td>
  </tr>
<!-- END catfoot --><!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" />
</div>
</div>
<div class="foot-body">
<div class="foot-right"></div>
<div class="foot-left"></div>
<div class="foot-center">
</div>
</div>
<br />


<img src="{SPACER}" alt="" height="5" width="1"><img src="http://illiweb.com/fa/empty.gif"><br><img src="{SPACER}" alt="" height="5" width="1" /><image src="http://i44.servimg.com/u/f44/17/54/70/62/eaeia111.png" onmouseover="this.height='40';this.width='900'"
onmouseout="this.height='40';this.width='800'"
height="40" width="800"> <!-- END tablefoot --><!-- END catrow -->
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في الإثنين 9 يوليو 2012 - 2:09

KhALiD-Net!!! monkey
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف KhALiD-Net في الإثنين 9 يوليو 2012 - 8:57

اسف على التاخير توي صاحي
اخي amai القالب ملخبط
avatar
KhALiD-Net
 
 

ذكر
عدد المساهمات : 3810
معدل النشاط : 6693
السُمعة : 152

http://ask.fm/kha10

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

رد: طلب تعديل بسط جدا فى كود css

مُساهمة من طرف hiko في الإثنين 9 يوليو 2012 - 10:45

تم الحل
يغلق
avatar
hiko
 
 

ذكر
عدد المساهمات : 627
معدل النشاط : 3240
السُمعة : 2

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

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


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