أفضل 10 أعضاء في هذا الشهر
مسرووور
 

المواضيع الأخيرة
» كود الازرا الملونة لنسخة الثالثة
أمس في 9:51 pm من طرف مسرووور

» الله واكبر
أمس في 6:29 pm من طرف مسرووور

» النسخة اماسية
الأربعاء أغسطس 01, 2018 1:21 pm من طرف مسرووور

» الغواصة الزرقاء
الثلاثاء يوليو 31, 2018 4:45 am من طرف مسرووور

» قوالب تحويل الفئات index_box الى اشكال متعددة على استايل منتديات مسرووور
الثلاثاء يوليو 24, 2018 5:58 pm من طرف مسرووور

» تحميل استايل منتديات مسرووور الحالي بتومبيلات مجاناااااااا
الأحد يونيو 03, 2018 2:47 am من طرف مسرووور

» تحميل استايل منتديات مسرووور
الثلاثاء مايو 08, 2018 8:15 am من طرف مسرووور

احصائيات
هذا المنتدى يتوفر على 2 عُضو.
آخر عُضو مُسجل هو msawsaws فمرحباً به.

أعضاؤنا قدموا 108 مساهمة في هذا المنتدى في 33 موضوع

جميع قوالب topics_blog_box المصممه لستايل مسرووور

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

ببببببببببببببب

0% 0% 
[ 0 ]
0% 0% 
[ 0 ]
0% 0% 
[ 0 ]
 
مجموع عدد الأصوات : 0

GMT - 11 Hours جميع قوالب topics_blog_box المصممه لستايل مسرووور

مُساهمة من طرف مسرووور في الأحد أكتوبر 29, 2017 12:09 pm


قوالب كاملة لتغير شكل المدونة الى مجلة رباعية ثلاثية مدونات بولجر وشكال مختلفة وتلقائية في عرض الصور ومقدمة الموضوع مع الوصف
وبسم اللاه فل نبدا بشكل الاول مدونات بولجر


الكود:
</table>
      </form>
<br>

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>

      <td class="gensmall" align="left" valign="bottom" nowrap="nowrap">
         <span class="nav">
          
    <div class="clearfix">
      <form class="forum-search right" action="/search" method="get">
          <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" />
          <input class="liteoption" type="submit" value="{L_SEARCH}" />
          <input type="hidden" name="search_where" value="f{FORUM_ID}" />
      </form>
    </div>
    
         </span>
      </td>
   </tr>
</table>
  <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->
</table>
      </form>
<br>



 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 <tr>

<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>

 
 <td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td>
 </tr>
 <!-- END pagination -->
 

<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0">

 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_blog_box.row.END_TABLE_STICKY}
 <tr>

    

 <span class="cattitle">
<td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px">
<div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" >
<b><span class="ca3vt">
 

                <td class="row33 centered">


        
              <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_r">
<div align="right"><span style="font-family: Arial; font-size: 13px;">{topics_blog_box.row.NEWEST_POST_IMG}  {topics_blog_box.row.PARTICIPATE_POST_IMG}  {topics_blog_box.row.TOPIC_TYPE}
<a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a> <div class="postdetails"></strong></span>

                      </div>
                    </div>
                  </div>
                            <td class="row9 centered">


    <div class="flatred-box-img">
    

  <div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:170px; width:302" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div>
</span></div><div style="padding: 0 0 10px 0;"></div>
                    </div>
            <!-- BEGIN multi_selection -->

            <!-- END multi_selection -->
    
  
  
            </div>
 <td class="row7 centered">



<span style="font-size: 9px" ><FONT color="#000000"><div align="right"><div class="WEVATAR"></div>
                            </div>
                      </div>
      
         <div class="cal right">
            <span style="font-size: 9px" ><FONT color="#000000">    
        <div class="cal right">
          </div></span>
                                <td class="row8 centered">


 
 <span style="font-family: Arial; font-size: 19px;"><div align="right"><FONT color="#055E91">{topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG} {topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE}{topics_blog_box.row.TOPIC_TITLE}<FONT color="#000000"><span"{topics_blog_box.row.U_VIEW_TOPIC}">
  
      <!-- BEGIN switch_description -->



      <span style="font-family: Arial; font-size: 17px;"><div align="right">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
      </span>


  




      <!-- END switch_description -->
       <span style="font-family: Arial; font-size: 17px;"><div align="right"> <div class="AVATAR"><FONT color="#000000"><div class="nnvvcc"><div class="vqvwe"><div align="right"><span style="font-family: Arial; font-size: 17px;"{topics_blog_box.row.FIRST_POST_TEXT}</span>
                      <br />


        <td class="row5 centered">


    <span class="postdetails"> <span style="font-size: 10px" ><FONT color="#ffffff"><div align="right">      {L_COMMENTS}: {topics_blog_box.row.REPLIES} -
        <span class="postdetails"> <span style="font-size: 10px" ><FONT color="#ffffff">   {L_VIEWS}: {topics_blog_box.row.VIEWS}
               <td class="row37 centered">
                         <div class="e-qtam">



      
      
        <div class="cal right">

      
        <div class="cal right"> <span style="font-size: 17px" ><div class="sdfasd"> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"> تابع القراءة .. </a>
          </div></span>
                      <td class="row49 centered">
                        <span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} &nbsp; <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong>
      
      
        <div class="cal right">

        <div class="cal right">
          </div></span>
                        
                
          <td class="row4 centered">
        <div class="e-qtam">



      
      
        <div class="cal right">
            <span style="font-size: 9px" ><FONT color="#ffffff">  بتاريخ  {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE2}  
            

        <div class="cal right">
          </div></span>
      
 <td class="row99 centered"> <div class="alt88">
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->




<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span>
<!-- BEGIN multi_selection -->
<td class="alt2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->




<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td>
</tr>
 

<!-- END no_topics --><!-- BEGIN bottom -->


<!-- END bottom --><!-- BEGIN footer_table -->

 


</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->
   <tr>
      <td class="alt2" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
http://<![CDATA[
$(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
http://]]>
</script>
<!-- END switch_image_resize -->
</table>
<script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/
  $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend('
  <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a>
  ');$(this).load(url+' div.postbody img:eq(0)')})});</script>


      
 
  
 
    <style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0}
      .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px}
      img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}

      /* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
.cover_top_b {
  background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
  background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top;
}
.cover_top_m {
  color: #FFF;
  font-weight: bold;
  text-align: center;

padding: 1px 10px 10px 10px;
  text-shadow:1px 1px 0 #005483;
}
.cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active {
  text-transform: none;
  font-weight: bold;
  color: #FFF;
}

.cover_top_b2 {
  background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
  background: url(https://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top;
}
.cover_top_m {
  color: #FFF;
  font-weight: bold;
  background: url() no-repeat right top;
  height: 10px;
}
/* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
            img[src*="https://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}

table.index-box tbody tr:nth-child(3n+3) {margin-right:0}
#c2 tbody tr:nth-child(5){margin:12px 0 0 0}
#c4 tbody tr{height:304px!important}
#c11 tbody tr:nth-child(4){margin-right:-9px}
#c11 tbody tr {
height: 279px;
width: 302px;
margin-right: 4px;
}
#c11 tbody {
margin-left: -4px;
display: block;
}




.formbuttonrow {
  background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important;
}
.maintitle, #qpost {background-color: transparent !important;}
.borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1;
}
      
      table.index-box tbody tr:hover {
      background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}
      
      

table.index-box tbody tr {
width: 946px;
float: right;
margin-right: 0px;
margin-bottom: 20px;
border-radius: 2px;
border: 1px solid #DDD;
height: 350px;
position: relative;
border: 0px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 0px;
-moz-box-shadow: 0 0 8px #666;
-webkit-box-shadow: 0 0 8px #666;
box-shadow: 0 0 2px #666;
position: relative;
border-radius: 9px;
background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}
.mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;}
.mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;}
.mods+p a:nth-of-type(2n+2) {
  padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px);
  border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px;
  height: 16px;overflow: hidden;float: left;
} .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}

width: 94%;border-top: 1px solid #f4f4f4;
} table.index-box tbody tr td:last-child strong+a {
} table.index-box tbody tr td:last-child strong+a {
position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px;
left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat;
} table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;}
table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.index-box#c2 tbody tr:first-child {height: 714px;}
table.index-box#c2 tbody tr:first-child td:last-child {display: none;}
    

table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered {
color: #fff;
background: #ddd url(https://i62.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat;
top: 63px;
font-weight: bold;
position: absolute;
width: 305px;
height: 230px;
text-align: left;
border: 1px solid #ddd;
margin-right: 5px;
}
table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered {
padding: ;
line-height: ;
color: #000;
background: # !important;
top: 38px;
font-weight: bold;
position: absolute;
width: 100%;
height: auto;
text-align: left;
border: 1px solid #;
background: #b90000 url(http://i33.servimg.com/u/f33/17/83/79/07/gradie11.gif) repeat-x top left;
height: 15px;
padding: 3px 0px 0px 0px;
margin-left: 9px;
}

table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered {
padding: ;
line-height: ;
color: #fff;
background: # !important;
top: 43px;
font-weight: bold;
position: absolute;
width: 611px;
height: auto;
text-align: left;
padding: 0px 5px 0px 0px;
margin-right: 320px;
}
   table.index-box tbody tr td.row37.centered, table.index-box tbody tr td.row37.centered {
padding: ;
line-height: ;
color: #fff;
background: # !important;
top: 264px;
font-weight: bold;
position: absolute;
width: 611px;
height: auto;
text-align: left;
padding: 0px 5px 0px 0px;
margin-right: 320px;
}  
         table.index-box tbody tr td.row49.centered, table.index-box tbody tr td.row49.centered {
padding: ;
line-height: ;
color: #fff;
background: # !important;
top: 280px;
font-weight: bold;
position: absolute;
width: 611px;
height: auto;
text-align: left;
padding: 0px 5px 0px 0px;
margin-right: 320px;
}
table.index-box tbody tr td.row8.centered, table.index-box tbody tr td.row8.centered {
color: #fff;
top: 70px;
font-weight: bold;
position: absolute;
width: 620px;
height: 185px;
text-align: left;
border: 0px solid #ffffff;
overflow: hidden;
margin-right: 320px;
}
table.index-box tbody tr td.row99.centered, table.index-box tbody tr td.row99.centered {
padding: ;
line-height: ;
top: 296px;
font-weight: bold;
position: absolute;
width: 100%;
height: 47px;
text-align: left;
border: 5px solid #;
overflow: hidden;
background: # !important;
margin-right: 0px;
padding-top: 5px;
color: #383838;
font-family: tahoma;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered {
padding: ;
line-height: ;
color: #fff;
background: # !important;
top: 95px;
font-weight: bold;
position: absolute;
width: 302px;
height: 10px;
text-align: left;
}
      table.index-box tbody tr td.row33.centered, table.index-box tbody tr td.row33.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold;
  position: absolute;width: 100%;height: auto;text-align: left;
}
  
span.avatarcp img{
width:302px;height:170px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}

.quote {
display:none
}
div.TabView div.Pages div.Page{
width:302px;height:170px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
 display:none
}
.avatarcp {
width:302px;height:170px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:302px;height:170px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;

}
 
  .AVATAR img {

    display: none!important;

}

  .vqvwe code {

    display: none!important;

}
  .nnvvcc a:link {

    display: none!important;

}
  .codebox {
         display: none!important;

}
.postbody {
         display: none!important;

}    
        .MAVATAR img {
width: 295px;
height: 220px;
border: 5px solid #fff!important;
}
      .MAVATAR a {
         display: none!important;

}  
       .MAVATAR .codebox {
         display: none!important;

}  
      .WEVATAR img {
 width: 305px;
height: 277px;
  }
      
.sdfasd {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
color: #fff;
        background: linear-gradient(160deg,#055E91,#055E91);

border-radius: 8px;
font-size: 18px;
text-transform: uppercase;
padding: 4px 12px;
margin-bottom: 7px;
outline: none;
border: none;
overflow: hidden;
}
 .sdfasd:hover {
background: #1c1c1c;
}    
.cover_top_ms {
  color: #FFF;
  font-weight: bold;
  text-align: center;

padding: 10px 7px 7px 7px;
  text-shadow:1px 1px 0 #005483;
}
.cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active {
  text-transform: none;
  font-weight: bold;
  color: #FFF;
}
table.index-box tbody tr td:last-child strong + a {
  position: absolute;
width: 40px;
height: 40px;
border-radius: 10px;
left: 0;
top: 5px;
background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat;
margin-left: 6px;
margin-bottom: -77px;
}
      .lastpost-avatar img {
 -webkit-border-radius: 5px;
border-radius: 5px;
padding: 0px 4px 0px 5px;
width: 38px;
height: 38px;
border-radius: 7px;
}
      
      .alt88 {
background: #eee url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #ddd;
}
            .alt88:hover {
      background: #FFF url(http://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #ddd;
}
</style>


عدل سابقا من قبل مسرووور في الخميس يوليو 12, 2018 5:42 pm عدل 7 مرات
avatar
مسرووور
Admin

عدد المساهمات : 107
تاريخ التسجيل : 18/03/2014

معاينة صفحة البيانات الشخصي للعضو http://msrmsrmsr.roo7.biz

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

GMT - 11 Hours رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور

مُساهمة من طرف مسرووور في الأحد أكتوبر 29, 2017 12:11 pm

الكود:
div.post .content {

background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 150px 10px 10px 10px;
line-height: normal;
}

كود البسملة المعدل
avatar
مسرووور
Admin

عدد المساهمات : 107
تاريخ التسجيل : 18/03/2014

معاينة صفحة البيانات الشخصي للعضو http://msrmsrmsr.roo7.biz

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

GMT - 11 Hours رد: جميع قوالب topics_blog_box المصممه لستايل مسرووور

مُساهمة من طرف مسرووور في الأحد أكتوبر 29, 2017 12:29 pm

الكود:
fieldset.polls {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   padding-left:10px;
   padding-right:10px;*/
      background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png");
   padding:5px 10px;
}
.content h2.h3, .panel h2.h3 {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   padding-left:10px;
   padding-right:10px;*/
      background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png");
   padding:5px 10px;
}

خانه التصويت
avatar
مسرووور
Admin

عدد المساهمات : 107
تاريخ التسجيل : 18/03/2014

معاينة صفحة البيانات الشخصي للعضو http://msrmsrmsr.roo7.biz

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

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


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