هذا المنتدي خاص بشركة احلي منتدي ولا يمكن تحويل الكود

mazeeka2011 كتب:هذا المنتدي خاص بشركة احلي منتدي ولا يمكن تحويل الكود

أي شركة ؟؟
ذاك منتدى مستقل

جرب ذلك 

الكود:

a {
background: url(http://i42.servimg.com/u/f42/16/62/65/47/bd-bg10.jpg) ;
-khtml-box-shadow: 0px 0px 10px #000;
padding: 15px 0px 15px 0px;
border-radius: 10px;
font-size: 14px;
font-weight: bold;
display: block;
essa_elgn ;
overflow: auto;
padding: 7px;
}

.gen, .genmed, .gensmall {
  border-radius: 10px #006600;
    color: #006600;
}
##fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
 }
 

او 

الكود:


table.forumline td.row3.over span.gensmall {
background: url(http://i42.servimg.com/u/f42/16/62/65/47/bd-bg10.jpg) ;
-khtml-box-shadow: 0px 0px 10px #000;
padding: 15px 0px 15px 0px;
border-radius: 10px;
font-size: 14px;
font-weight: bold;
display: block;
essa_elgn ;
overflow: auto;
padding: 7px;
}


##fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
 }

لم يعمل :

خرب المنتدى

أنا ركبت كود شبيه به 

لكن أريد جعل الصورة الشخصية داخل الإطار في ذاك الكود

شعاع الإيمان كتب:أنا ركبت كود شبيه به 

لكن أريد جعل الصورة الشخصية داخل الإطار في ذاك الكود

ضع لنا الذي ركبته لنعدل عليه لك

تفضل :

الكود:

/** ROW GENSMALL **/
td.row3.over span.gensmall > span {display:block;width:181px;
margin:4px;padding:0 4px 14px;background:#F1F1F1 no-repeat 2% 92%;
border:1px solid;border-color:#AAA #FFF #FFF #BBB;border-radius:6px;
font-family:Tahoma,Verdana;font-size:11px;color:#666;}
td.row3.over span.gensmall > span > a:first-child {display:block;width:184px;
height:44px;line-height:30px;background:no-repeat Top Center;
background-image:url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps10.png);
font-size:12px;color:#FFF;text-shadow:1px 1px 0 #054;}
td.row3.over span.gensmall > span > a:first-child:hover {line-height:33px;
background-image:url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps11.png);
font-weight:bold;color:#F7F7F7;text-shadow:1px 1px 0 #800;}
td.row3.over span.gensmall > span > strong a {color:#39B;}
td.row3.over span.gensmall > span > strong a:hover {color:#28B;}
/** M!Z0 PR0 **/ 


أريد جعل صورة العضو داخل الإطار 
المعاينة في منتداي

السلام عليكم
جرب هذا اخي واخبرني ماذا حدث معك .

الكود:

td.row3.over span.gensmall > span {display:block;width:181px;
margin:4px;padding:0 4px 14px;background:#F1F1F1 no-repeat 2% 92%;
border:5px solid;border-color:#AAA #FFF #FFF #BBB;border-radius:6px;
font-family:Tahoma,Verdana;font-size:11px;color:#666;}
td.row3.over span.gensmall > span > a:first-child {display:block;width:184px;
height:44px;line-height:30px;background:no-repeat Top Center;
background-image:url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps10.png);
font-size:12px;color:#FFF;text-shadow:1px 1px 0 #054;border:5px;}
td.row3.over span.gensmall > span > a:first-child:hover {line-height:33px;
background-image:url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps11.png);
font-weight:bold;color:#F7F7F7;text-shadow:1px 1px 0 #800;border:5px;}
td.row3.over span.gensmall > span > strong a {color:#39B;}
td.row3.over span.gensmall > span > strong a:hover {color:#28B;}

لم ينجح في جعل الصورة في داخل الإطار

إنما جعل الإطار منحوت

استخدم هذا الكود وان شاء الله يظبط معك

الكود:


.postdetails.poster-profile a img {background-image:url('http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png'); -moz-border-radius:7px;-webkit-border-radius:7px;border: 3px solid #000000;}

آسف لكن الكود لم يفعل شيئا

مرحبا صديقي ضع قالب الفئات للتعديل عليه

تقصد index_box تفضل :
@new.moon 

الكود:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         <br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" 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">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" 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><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" 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" /><!-- END tablefoot --><!-- END catrow -->


مرحباً اخي

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

الكود:

.lastpost-avatar {
float: right;
padding: 2px;
position: relative;
top: 44px;
}
.row3.over strong, .row3.over a.last-post-icon {
float: right !important;
}
.row3.over strong {
margin-right: 7px;
}

و ابحث عن

td.row3.over span.gensmall > span > a:first-child
وحدده من القوس هذا {

إلى هذا القوس واحذفه}

وضع هذا بداله

الكود:

td.row3.over span.gensmall > span > a:first-child {
display: block;
width: 181px;
height: 44px;
line-height: 30px;
background: no-repeat Top Center;
background-image: url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps10.png);
font-size: 12px;
color: #FFF;
text-shadow: 1px 1px 0 #054;
padding-right: 12px;
}

واخبرني بنتيجه

شاعر زمانه كتب:
و ابحث عن

td.row3.over span.gensmall > span > a:first-child
وحدده من القوس هذا {

إلى هذا القوس واحذفه}

وضع هذا بداله

الكود:

td.row3.over span.gensmall > span > a:first-child {
display: block;
width: 181px;
height: 44px;
line-height: 30px;
background: no-repeat Top Center;
background-image: url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps10.png);
font-size: 12px;
color: #FFF;
text-shadow: 1px 1px 0 #054;
padding-right: 12px;
}

واخبرني بنتيجه

أين أجد هذا الكود في أي قالب أعدل ذلك ؟؟

عرفت ( لم الاحظ ) 

جاري و سأرى

فقط اريد من الكتابة أن يكون بينها و بين الصورة مسافة لكي لا تغطيها الصورة
http://www.emanray.net/?tt=1

مرحباً اخي

فقط ضع الكود الذي وضعته لك في ورقة css

انت لم تطبق المطلوب منك راجع شرحي من جديد
وستحل مشكلتك

او فقط الكود الاول اتركه كما هو

ابحث عن

الكود:

td.row3.over span.gensmall > span > a:first-child


وحذف وضع الكود الذي وضعته لك

الكود:

td.row3.over span.gensmall > span > a:first-child {
display: block;
width: 181px;
height: 44px;
line-height: 30px;
background: no-repeat Top Center;
background-image: url(http://i76.servimg.com/u/f76/16/76/93/88/lst-ps10.png);
font-size: 12px;
color: #FFF;
text-shadow: 1px 1px 0 #054;
padding-right: 12px;
}

طبق شرحي وسترى بانه مضبوط و منسق

كما اردت انت

او إن لم تعرف كيف ارسل لي عضوية إدارية او لاحد المشرفين حتى يتمكنو من تركيبه لك

تم الحل و شكرا جزيلا لك أخي الكريم

تم الحل

بارك الله فيك اخي الكريم