منتدى احلى تطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى احلى تطويردخول

منتدى احلى تطوير لتطوير المواقع والمنتديات


descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
اريد تصميم استايل  المنتدى
اسمه  :- منتديات كوكب الانمى
:down1:
http://gogoanime.own0.com/


مثل المنتدى دى بالضبط كل حاجة فيه
:down1:
https://vb.otakuz.co


وشكراااا مقدما

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
تحويل ام تصميم ؟


:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
 حضرتك ادراى منى فى الامور دى
انا  عاوزة  يكون المنتدى بتاعى  شبه الموقع دى بالضبط

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
رح يتم التحويل اذا
جاري العمل 


:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
تم الانتهاء + اسف للتاخير شوية ظروف


القوالب
-
css

الكود:

.wlcombox {
    padding: 12px;
    border-radius: 9px;
    background-color: #ebebeb
}
.wlcombox div {
    background-image: url('http://www.elnooronline.com/vbskaka/forum/elnooronline-smart/img/img_13.png');
    background-repeat: no-repeat;
    background-position: right 5px;
    padding: 0px 44px 0px 0px;min-height: 30px
}
.wlcombox div p {
    margin: 0px 0px 5px;
    font-size: 14px;
    color: #1f5681
}

@charset "utf-8";
/* CSS Document */
@font-face{
   font-family: 'dinnltlight';
   src: url('../fonts/dinnltlight.eot');
   src:url('../fonts/dinnltlight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dinnltlight.woff') format('woff'),
       url('../fonts/dinnltlight.ttf') format('truetype'),
       url('../fonts/dinnltlight.svg#batchregular') format('svg');
   font-weight:normal;
   font-style:normal;
}
@font-face{
   font-family: 'DroidKufi-Regular';
   src: url('../fonts/DroidKufi-Regular.eot');
   src: url('../fonts/DroidKufi-Regular.woff2') format('x-woff2'),
        url('../fonts/DroidKufi-Regular.woff') format('woff'),
       url('../fonts/DroidKufi-Regular.ttf') format('truetype');
   font-weight:normal;
   font-style:normal;
}
body{
   background-image: url(http://mrscript.rf.gd/vb/img/bg.jpg);
   background-color:#ededed;
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:top center;
   direction:rtl;
   margin:0;
   padding:0;
    color:#565656;
    font-family:tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;
    font-size:10pt;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
   }
.clear,.br-cl,.td-cl  {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;}.br-cl {height: 10px;}.td-cl {height: 5px;}
.right{ float:right}
.left{ float:left;}
img{
   border:0;}
ul,li{
   padding:0;
   margin:0;}
a,a:visited, body_avisited,a:visited, body_avisited{text-decoration:none;}

input,select{cursor:pointer;
   padding:3px;
   margin:0 2px;}
.bginput-3:focus,.bginput1:focus,.bginput2:focus,input:focus{
    outline: 0;}


.bod{
   width:975px;
   padding:10px;
   background:#fff;
   border:1px solid #D5D5D5;
   border-top-width:0px;
   margin:0 auto;}
.header{
   width:975px;
   height:200px;
   overflow:hidden;
   background:#ccc;}
.pag{
   width:975px;
   margin:0 auto;   position:relative;
}
.menu_bar{
   height:35px;
   width:975px;
   background:#222222;
   z-index:999;
}
.nav_menu_bar,.ico_char{
   margin:0px; padding:0px;}
.nav_menu_bar li{ float:right; list-style:none;}
.nav_menu_bar li a{
   display:block;
   padding: 5px 10px;
   height:25px;
   color:#fff;
   font-family: 'dinnltlight';
   font-size:16px;
   line-height:18px;
   text-align:center;
   -webkit-transition: all ease 0.4s;   
   -moz-transition: all ease 0.4s;   
   -o-transition: all ease 0.4s;   
   -ms-transition: all ease 0.4s;   
   transition: all ease 0.4s;}
.nav_menu_bar a i{ padding-left:5px;}
.nav_menu_bar li a:hover,.nav_menu_bar li a.m_activ{ background:#e74c3c;}



.login{}
.login a{
   display:block; cursor:pointer;
   float:right;
   padding: 5px 10px;
   font-family: 'dinnltlight';
   height:25px;
   color:#fff;
   text-align:center;
   -webkit-transition: all ease 0.4s;   
   -moz-transition: all ease 0.4s;   
   -o-transition: all ease 0.4s;   
   -ms-transition: all ease 0.4s;   
   transition: all ease 0.4s;}

.login a.lo_log{ background:#718592;}
.login a.re_log{ background:#425059;}

#login_b{ display:none;
   background: rgba(34,34,34,0.6);
   position:fixed;
   width:100%;
   height:100%;
   z-index: 999;}

.l_b{ display:none;
   width:400px;
   height:300px;
   margin:auto;
   background:#f0f0f0;
   position: relative;
   }
.ti_b{
   text-align:center;
   width:100%;
   padding: 1px 0px;background:#166da7;}
.ti_b h1{
   font-family: 'DroidKufi-Regular';
   color:#fff; font-size:20px;
}
.ti_b .get-out{
   font-size:20px;
   color: #fff;
   position:absolute;top:25px; left :15px;
   text-shadow: 0px 1px 0px rgba(0,0,0,0.50);
   cursor:pointer;}
.bginput1,.bginput2{
width: 92%;
background: #fff;
margin: 2%;
border: 1px solid #ccc;
padding: 2%;
font-family: 'DroidKufi-Regular',sans-serif;
font-size: 95%;
color: #555;   }
.chboxx{
   padding: 4%;}
.remb   {font-family: 'DroidKufi-Regular',sans-serif;}
.button8{
width: 96%;
background: #3399cc;
border: 0;
margin: 2%;
padding: 2%;
font-family: 'DroidKufi-Regular',sans-serif;
font-size: 100%;
color: #fff;
cursor: pointer;
transition: background .3s;
-webkit-transition: background .3s;}
   
.button8:hover{background:#166da7;}   
.for_pas{font-family: 'DroidKufi-Regular',sans-serif;}   
   

.img-it{height:35px; width:35px; border:2px solid #fff; margin-top:-5px; background: url(http://mrscript.rf.gd/vb/img/default.jpg) center;}

.login_details li{
   float:left;
   list-style:none;
}

.login_details li a{
   display:block;
   height:20px;
   color:#FFF;
   padding:5px;
   margin-top:5px;
   margin-left:3px;
   font-size:16px;
   }
.adm span,.adm2 span{    display: block;
    height: 32px;
    margin-top: -10px;
    color: #fff;
    font-family: "DroidKufi-Regular",tahoma;
    font-size: 11pt;
    padding: 3px 5px 0px 5px;
   -webkit-transition: all ease 0.4s;   
   -moz-transition: all ease 0.4s;   
   -o-transition: all ease 0.4s;   
   -ms-transition: all ease 0.4s;   
   transition: all ease 0.4s;}
.adm span:hover,.adm2 span:hover{ background:#e74c3c;}
.notifications { display:none; position:absolute;
   background-color: #F33;
   height: 14px;
   color: white;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   line-height: 14px;
   margin-top: -35px;
   margin-right: 16px;
   padding: 2px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.log-out{
   -webkit-transition: all ease 0.4s;   
   -moz-transition: all ease 0.4s;   
   -o-transition: all ease 0.4s;   
   -ms-transition: all ease 0.4s;   
   transition: all ease 0.4s;}
.log-out:hover{ color:#FD0004;}












.image_carousel {
   padding-right:3px;
   position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
   border: 1px solid #ccc;
   background-color:#fff;
   padding: 5px;
   margin: 4px;
   display: block;
   float: left;
}

.image_carousel img:hover {

   border: 1px solid #DDD;
   -moz-box-shadow: 0 1px 5px #555;
    -webkit-box-shadow: 0 1px 5px #555;
    box-shadow: 0px 1px 5px #555;

}

.image_carousel img:hover {
   border: 1px solid #DDD;
   -moz-box-shadow: 0 1px 5px #555;
    -webkit-box-shadow: 0 1px 5px #555;
    box-shadow: 0px 1px 5px #555;

}
.image_carousel:hover > a.prev{
   overflow: visible; opacity:1;left: 20px;}
.image_carousel:hover > a.next{
   overflow: visible; opacity:1;right: 20px;}
a.prev,a.next{ background-color:#e74c3c;
   overflow: hidden;
   opacity: 0;
   cursor: pointer;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;}
a.prev {
   background-image: url(../img/left.png);
   background-repeat:no-repeat;
   width: 40px;
   height: 40px;
   display: block;
   position: absolute;
   top: 60px;left: -32px;
}
a.next{
   background-image:url(../img/right.png);
   background-repeat:no-repeat;
   width: 40px;
   height: 40px;
   display: block;
   position: absolute;
   top: 60px;right: -32px;
}

a.prev:hover ,a.next:hover{ opacity:0.7 !important;}

a.prev span, a.next span {
   display: none;
}


.pagination a span {
   display: none;
}
.pagination a span {
   display: none;
}
   
   
   
   .tbo_fr{
   padding:5px ;
   background:#fff;
   border:1px solid #e1e1e1;
}

.nav-tab{
   width:100%;
   height:28px;background-color:#999;

}
.nav-td{
   float:right;
   padding-right:5px;}
.navbar,.navbar a,.nav-td,.nav-td span,.na-sp,.navbits_m{font-family: 'DroidKufi-Regular',tahoma;
font-size: 13px;
line-height: 16px;}
.alt3{ background:#fff;}
.nav-ico{
   float:right;
   text-align:center;
   padding-top:12px;

   margin-top:-12px;
   }
.nav-ico span{
   font-size:16px;
   color:#fff;
}
.td_alt{}
   
.tborder2{
   background:#222222;}
.tborder2 a{   color:#fff;font-family: 'DroidKufi-Regular',tahoma;font-size: 13px;
}

.tbor{
   background:#fff;
   border:1px solid #eee;
    padding: 0px;
    background-color: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.tbor tr td{ border-left: 1px solid #eee;}
.tbor tr td:last-child{ border-left: 0px none;}   
.mr{
   border-style: solid;font-family: 'DroidKufi-Regular',tahoma;font-size: 11px;
    border-width: 1px 3px 1px 1px;
    border-color: #ccc #e74c3c #ccc #ccc;
    padding: 3px;
    text-align: right;
    margin: 0px 0px 3px;}
.mr span.fa{ padding-left:5px;}

.subforums-font{
   display:inline-block;font-size: 20px;
   color:#2A9EC1;
   padding-right:5px;
   margin-top:3px;}
.forum-titel{display:inline-block;font-family: 'DroidKufi-Regular',tahoma;font-size: 15px;
padding-bottom:5px;
   }



.podi{padding:5px;width:260px}
.postin{
   background:#fff;
    border:1px solid #464545;
   border-top-width:8px;
   -webkit-border-radius:3px;
   -o-border-radius:3px;
   border-radius:3px}
.post-info li{
   font-family:Tahoma;
   padding:6px;
   font-size:11px;
   border-bottom:1px solid #ececec;
   list-style-position:inside;
   list-style-image: url(../img/info-icon.png)}
.img-us{
   background:none repeat scroll 0 0 #fff;
   border:1px solid #ccc;
   box-shadow:0 1px 5px #ccc;
   padding:2px;
   max-width:200px;
   height:auto
}
#taw{
   background:#fff !important;
   border:1px solid #e0e0e0}
.taw2{
   margin-right:10px;
   font-family: 'DroidKufi-Regular',Tahoma,Geneva,sans-serif;
   font-size:14pt;
   color:#333;
   padding-right:5px}
.taw3{
   width:100%;
   height:30px;
   border-bottom:1px solid #e0e0e0
   ;background:#eee}
.taw{margin:10px}
.not-chang{
   margin-top:10px;
   background-color:#fffae9;
   width:98.4%;
   padding:5px;
   border:1px solid #e0e0e0}
.chang{
   font-family: 'DroidKufi-Regular',Tahoma,Geneva,sans-serif;
   font-size:11pt}
fieldset{
   background:#fff !important;
   border:1px solid #999 !important}
.sw-img,.memb-img{
   width:90px;
   float:right;
   height:40px;
   -moz-transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -ms-transition:all .2s ease-in-out;
   transition:all .2s ease-in-out}
.sw-img img,.memb-img img{padding:7px}
.sw-img{background:#cf1b41}
.memb-img{background:#828282;margin-right:6px}
.postin-lgc{padding:5px;width:190px}
.post-info-lgc{
   background:#fff;
   border:1px solid #464545;
   border-top-width:8px;
   border-bottom-width:0;
   -webkit-border-top-left-radius:3px;
   -o-border-top-left-radius:3px;
   border-top-left-radius:3px;
   -webkit-border-top-right-radius:3px;
   -o-border-top-right-radius:3px;
   border-top-right-radius:3px}

.bot_inf{
   background:#fff;
   width:178px;
   border:1px solid #56ccc8;
   border-top-width:0;
   border-bottom-width:0;
   height:45px;
   padding-right:3px;
   padding:5px
}
.sw-img-lg,.memb-img-lg{
   width:80px;
   float:right;
   height:40px;
   margin-right:8px;
   -moz-transition:all .2s ease-in-out;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   -ms-transition:all .2s ease-in-out;
   transition:all .2s ease-in-out}
.sw-img-lg img,.memb-img-lg img{padding:7px}
.sw-img-lg{background:#cf1b41}
.memb-img-lg{background:#828282}
.is_on{background:#464545;width:100%;height:25px;padding-top:5px}
.alt3{background:#f2f2f2}
.quote {
background: #f5f5f5;
font-size: 12px;
border-right: 4px solid #999;
width: 99%;
}
.margin_10 {
margin-bottom: 10px!important;
margin-top: 10px!important;
}
.quote .quote_head {
color: #666;
font-size: 13px;
text-align: right;
padding: 3px;
font-style: italic;
border-bottom: 1px solid #e0e0e0;
}
.padd_5 {
padding: 5px!important;
}


.genborder {background:#fef9d2; padding:3px;margin: 0 auto; border: 1px solid #e9d09a;
}
.genbox {font-size: 12px;color: #ad542d;margin: 0 auto;padding:5px;}

.genbox p{font-size: 12px;color: #ad542d; font-family:'DroidKufi-Regular';}








.footer{
   width:975px;
   padding:10px;
   margin:0 auto;
   background:#222;}
.fnav{}
.fnav li{ list-style:none; float:right;}
.fnav li a{
   display:block;
   background:#e74c3c;
   color:#fff;
   padding:10px;
   font-size:20px;
   margin:10px;
   text-align:center;
   width:20px;
   -moz-transition:all .5s ease-in-out;
   -webkit-transition:all .5s ease-in-out;
   -o-transition:all .5s ease-in-out;
   -ms-transition:all .5s ease-in-out;
   transition:all .5s ease-in-out}
.fnav li a:hover{background:#fff;color:#e74c3c;}

.des a img { height:60px; width:auto;    opacity:0.7;
   -moz-transition:all .5s ease-in-out;
   -webkit-transition:all .5s ease-in-out;
   -o-transition:all .5s ease-in-out;
   -ms-transition:all .5s ease-in-out;
   transition:all .5s ease-in-out;}
.des a img:hover{ opacity:1;}

.allfont{
   background:#f5f5f5;
   padding:5px;
   font-family: 'DroidKufi-Regular',Tahoma,Geneva,sans-serif;
   font-size:9pt}



/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}




.tipsy { padding: 5px; font:normal 10px Tahoma; position: absolute; z-index: 999; }
.tipsy-inner { padding: 5px 7px 5px 7px; color: #fff; max-width: 300px; text-align: center; background-color: #000;}

.tipsy-arrow { position: absolute; background: url('../img/typis.png') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }




 

    /* Start kingofpop1.com  */
    .fieldset {
        margin-bottom: 6px;
        border: 1px #e5e5e5 solid;
    }
    .twrank{
          background-color: #F6F6F6;
            border-bottom: 2px dotted #CCCCCC;
            border-radius: 5px 5px 5px 5px;
            border-right: 3px solid #ff0000;
            border-width: 0 3px 2px 0;
            font-family: "tahoma";
            font-size: 11px;
            letter-spacing: 0;
            margin: 1px 1px 3px;
            padding: 2px;
            vertical-align: middle;
        }
        /*Copyright a7medvirus*/
        .tw{
          background-color: #F6F6F6;
            border-bottom: 2px dotted #CCCCCC;
            border-radius: 5px 5px 5px 5px;
            border-right: 3px solid #1CA6BA;
            border-width: 0 3px 2px 0;
            font-family: "tahoma";
            font-size: 11px;
            letter-spacing: 0;
            margin: 1px 1px 3px;
            padding: 2px;
            vertical-align: middle;
        }
    /* End kingofpop1.com */




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
index_body

الكود:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN message_admin_titre -->
    <tr>
        <td class="catHead" height="28"><span class="cattitle">

{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
    </tr>
    <!-- END message_admin_titre -->
    <!-- BEGIN message_admin_txt -->
    <tr>
        <td class="row1" rowspan="3" align="center" valign="middle">
        <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
        </td>
    </tr>
    <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10"

name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin"

{AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10"

name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit"

name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                    <tr>
                        <td width="55%" valign="middle" align="right">
                            <table class="right">
                                <tr>
                                    <td><span class="genmed">

{L_USERNAME}:</span> </td>
                                    <td><input class="post" type="text"

size="10" name="username"/> </td>
                                    <td>
                                        <input class="radio"

type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                        <span class="gensmall">

{L_AUTO_LOGIN}</span>
                                    </td>
                                </tr>

                                <tr>
                                    <td><span class="genmed">

{L_PASSWORD}:</span> </td>
                                    <td><input class="post" type="password"

size="10" name="password"/> </td>
                                    <td>{S_HIDDEN_FIELDS}<input

class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                        </td>
                        <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">

{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                        </td>
                        <td width="35%" class="align_gauche"><fb:login-button

size="large" onlogin="window.location='/facebook_connect.forum'" v="2"

scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">

{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">

{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
        </td>
        <td width="50%" align="right">
            <span class="gensmall">
               
                <!-- BEGIN switch_on_index -->
                    <!-- BEGIN switch_delete_cookies -->
                    <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}"

class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                    <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
        </td>
    </tr>
</table>
<br />
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10"

name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin"

{AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10"

name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit"

name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                    <tr>
                        <td width="55%" valign="middle">
                            <table class="right">
                                <tr>
                                    <td><span class="genmed">

{L_USERNAME}:</span> </td>
                                    <td><input class="post" type="text"

size="10" name="username"/> </td>
                                    <td>
                                        <input class="radio"

type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                        <span class="gensmall">

{L_AUTO_LOGIN}</span>
                                    </td>
                                </tr>

                                <tr>
                                    <td><span class="genmed">

{L_PASSWORD}:</span> </td>
                                    <td><input class="post" type="password"

size="10" name="password"/> </td>
                                    <td>{S_HIDDEN_FIELDS}<input

class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                        </td>
                        <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">

{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                        </td>
                        <td width="35%" class="align_gauche"><fb:login-button

size="large" onlogin="window.location='/facebook_connect.forum'" v="2"

scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">

{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>قرار اداري</title>
<style>
body {
    direction:rtl !important;
    }
 .h-bg {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/h_bg10.gif");
    background-repeat: repeat;
    height: 17px;
}
.h-r {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/h_r10.gif");
    background-repeat: no-repeat;
    float: right;
    height: 17px;
    width: 34px;
}.h-l {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/h_l10.gif");
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    width: 34px;
}
.b-bg {
    background-color: #DFDFDF;
    text-align: justify;
}
.b-r {
    background: url("http://i45.servimg.com/u/f45/15/95/28/21/cat_bg10.gif") repeat-y scroll right center

transparent;
}
.b-l {
    background: url("http://i45.servimg.com/u/f45/15/95/28/21/cat_bg11.gif") repeat-y scroll left center

transparent;
    padding-left: 15px;
    padding-right: 17px;
}
.tborder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #989898;
    color: #666666;
}
.b-bg {
    text-align: justify;
}
.tborder {
    color: #666666;
}
.tcat {
    background: url("http://i45.servimg.com/u/f45/15/95/28/21/mrsavb10.gif") repeat-x scroll left top #999999;
    color: #FFFFFF;
    font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}td.thead, th.thead, div.thead {
    padding: 4px;
}
.thead {
    background: url("http://i45.servimg.com/u/f45/15/95/28/21/mrsavb11.gif") repeat-x scroll left top #999999;
    color: #FFFFFF;
    font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.alt2, .alt2Active {
    background: none repeat scroll 0 0 #E6E6E6;
    color: #666666;
    font: bold 16px arial,helvetica,verdana;
}.alt1, .alt1Active {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #666666;
    font: bold 16px arial,helvetica,verdana;
}
.f-bg {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/f_bg10.gif");
    background-repeat: repeat;
    height: 17px;
}.f-r {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/f_r10.gif");
    background-repeat: no-repeat;
    float: right;
    height: 17px;
    width: 34px;
}.f-l {
    background-image: url("http://i45.servimg.com/u/f45/15/95/28/21/f_l10.gif");
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    width: 34px;
}
</style>
</head>
<body>
 <!-- BEGIN disable_viewonline -->
<div class="h-bg">
<div class="h-r"></div>
<div class="h-l"></div>
</div>
<div class="b-bg">
<div class="b-r">

<div class="b-l">
<table align="center" width="100%" cellspacing="1" cellpadding="6" border="0" class="tborder">
<thead>
    <tr>
        <td colspan="2" class="tcat">تفاصيل المنتدى</td>
    </tr>
</thead>
<tbody>
    <tr>
        <td colspan="2" class="thead">

            <a onclick="return toggle_collapse('forumhome_stats')" href="#top"

style="float:left"><img border="0" alt=""

src="http://i45.servimg.com/u/f45/15/95/28/21/collap12.gif"

id="collapseimg_forumhome_stats"></a>

            إحصائيات [ArabCodey]
        </td>
    </tr>
</tbody>
<tbody style="" id="collapseobj_forumhome_stats">
    <tr>
        <td class="alt2"><img border="0" alt="إحصائيات [ArabCodey]"

src="http://icons.iconarchive.com/icons/kyo-tux/min/48/Stats-icon.png" title="إحصائيات [ArabCodey]"></td>
        <td width="100%" class="alt1">
        <div class="smallfont">

            <div>

                {TOTAL_POSTS}
                <img src="http://i45.servimg.com/u/f45/15/95/28/21/break10.gif"

alt="">
                {TOTAL_USERS}
                <img src="http://i45.servimg.com/u/f45/15/95/28/21/break10.gif" alt="">

{NEWEST_USER}<br>

                </div>

           
            </div>
        </td>
    </tr>
</tbody>


<!-- logged-in users -->
<tbody>
    <tr>
        <td colspan="2" class="thead">

            <a onclick="return toggle_collapse('forumhome_activeusers')" href="#top"

style="float:left"><img border="0" alt=""

src="http://i45.servimg.com/u/f45/15/95/28/21/collap13.gif"

id="collapseimg_forumhome_activeusers"></a>

            {TOTAL_USERS_ONLINE}
        </td>
    </tr>
</tbody>
<tbody style="" id="collapseobj_forumhome_activeusers">
    <tr>
        <td class="alt2">
        <img border="0" alt=""

src="http://icons.iconarchive.com/icons/poundffffff/blox-folder/48/Public-Folder-icon.png"></td>
        <td width="100%" class="alt1">

            <div class="smallfont">

                <div>
{LOGGED_IN_USER_LIST}       
{RECORD_USERS}   

</div>

            </div>
        </td>
    </tr>
</tbody>
<!-- end logged-in users -->

    <tbody>
        <tr>
            <td colspan="2" class="thead">
                <a onclick="return toggle_collapse('vilxh_switch')" href="#top"

style="float:left"><img border="0" alt="" src="http://i45.servimg.com/u/f45/15/95/28/21/collap14.gif"

id="collapseimg_vilxh_switch"></a>
                معلومات اضافية
            </td>

        </tr>
    </tbody>
    <tbody style="" id="collapseobj_vilxh_switch">

        <tr>
            <td class="alt2">
                <img border="0" alt="المتواجدون خلال 24 ساعة : 2674 (52 عضو و 2622 زائر)"

src="http://icons.iconarchive.com/icons/photoshopedia/xedia/48/My-Documents-icon.png" title="المتواجدون خلال 24 ساعة : 2674 (52 عضو و 2622 زائر)">
               
            </td>

            <td width="100%" class="alt1">
                <div class="smallfont" id="vilxh_users_area">
                                  المجموعات : {GROUP_LEGEND}                   
                </div>

            </td>
        </tr>
       
    </tbody>








</table>

</div>

</div>
</div>
<div class="f-bg">
<div class="f-r"></div>
<div class="f-l"></div>
</div>
 <!-- END disable_viewonline -->
</body>
</html>









{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td>  </td>
        <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
index_box

الكود:

<style type="text/css">

.link_userr1 {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 60px;
}
 


#lastpost {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/881014.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    padding-right: 30px;
    padding-top: 4px;
    width: 154px;
}

  .arabcodey-td {
    background: url("http://i48.servimg.com/u/f48/16/98/46/39/stitch10.png") repeat-x scroll center bottom #FFFFFF;
    border-color: #FFFFFF #D2D2D2 #D2D2D2;
    border: solid ;
    border-width: 0;
    color: #000000;
}
.zozo {
    background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
    border: 1px solid #E9DAB7;
    border-radius: 5px 5px 5px 5px;
}

</style>
<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 />
            {CURRENT_TIME}<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"> {catrow.tablehead.L_FORUM} </th>
        <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   
          <th nowrap="nowrap" width="50">احصائيات</th>
         
          <th width="50" nowrap="nowrap"><div style="width:50px;">المشرفين</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"> </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">
       
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
         
          <td class="arabcodey-td" align="center" valign="middle" height="50">
            <div id="lastpost"><div style="text-align:  justify; "><span class="gensmall"><img src="http://i43.servimg.com/u/f43/16/43/22/50/icon10.gif"><font size="1" face="tahoma" color="#0000"><span>{catrow.forumrow.LAST_POST} </span></font></span></div></div>
        </td>
        <td class="arabcodey-td" align="center" valign="middle" height="50">
    <div class="link_userr1"><div style="text-align: center;"><font size="1" face="tahoma" color="#0000">مواضيع</font><br><font size="1" face="tahoma" color="#0000"><div class="zozo">{catrow.forumrow.TOPICS}</div></font><font size="1" face="tahoma" color="#0000">    مساهمات    </font><br><font size="1" face="tahoma" color="#0000"><div class="zozo">{catrow.forumrow.POSTS}</div></font></div></div>
        </td>
              <td class="arabcodey-td" align="center" valign="middle" height="50">
                      <span class="genmed"></span><span class="gensmall"><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://icons.iconarchive.com/icons/iconshock/super-vista-general/48/administrator-icon.png" alt=""><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="1"><tbody><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%"><strong><strong><span class="mod-text">                <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
        <!-- END switch_moderators_links --></strong></span></a></strong><br></strong></strong><br></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></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 -->




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
overall_footer_end

الكود:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
                  <div class="br-cl"></div>
<div class="footer">
<ul class="fnav right">
        <li><a original-title="تابعنا على الفيسبوك" href=""><i class="fa fa-facebook"></i></a></li>
        <li><a original-title="تابعنا على جوجل +" href=""><i class="fa fa-google-plus"></i></a></li>
        <li><a original-title="تابعنا على التويتر" href=""><i class="fa fa-twitter"></i></a></li>
        <li><a original-title="تابعنا على اليوتيوب" href=""><i class="fa fa-youtube-play"></i></a></li>
</ul>
<div  class="des left">
<a href="http://www.code-serv.com/index.html"><img src="http://mrscript.rf.gd/vb/free_codeserv/img/codeserve.png" alt="" /></a>
</div>

<div class="clear"></div>
</div>

      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'https://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
overall_header

الكود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
        /* Definir le sens de direction en fonction du panneau admin */
        var tickerDirParam = "{switch_ticker.DIRECTION}";
        var slid_vert = false;
        var auto_dir = 'next';
        var h_perso = parseInt({switch_ticker.HEIGHT});

        switch( tickerDirParam ) {
            case 'top' :
                slid_vert = true;
                break;
            case 'left':
                break;
            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;
            case 'right':
                auto_dir = 'prev';
                break;
            default:
                slid_vert = true;
        }

        $(document).ready(function() {
            var w_cont = $('#fa_ticker_container').width();

            if (w_cont > 0) {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display','block');

                /* Calcul des dimensions du conteneur et des elements */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                $('ul#fa_ticker_content li').each( function () {
                    if ($(this).height() > height_max) {
                        height_max = $(this).height();
                    }
                } );

                /* Redimensionnement des elements et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                    if ($(this).width() > width_item) {
                        var ratio      = $(this).width() / width_item;
                        var new_height = Math.round($(this).height() / ratio);
                        $(this).height(new_height).width(width_item);
                    }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert) {
                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                    vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                });
            } else {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
        });
    //]]>
    </script>
    <!-- END switch_ticker_new -->

    <script type="text/javascript">//<![CDATA[
    $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
        $(document).ready(function() {             
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
            });
        });
        <!-- END switch_ticker -->
    });

    <!-- BEGIN switch_login_popup -->
        var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
    <!-- END switch_login_popup -->

    <!-- BEGIN switch_login_popup -->
    $(document).ready( function() {
        $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
        });
    });
    <!-- END switch_login_popup -->
    //]]>
    </script>
    {GREETING_POPUP}
    <!-- BEGIN switch_ticker_new -->
    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}
    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
    //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
    _gaq.push(['_trackPageLoadTime']);

    <!-- BEGIN google_analytics_code_bis -->
    _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
    _gaq.push(['b._trackPageview']);
    <!-- END google_analytics_code_bis -->

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    //]]>
    </script>
    <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" style="z-index: 10000 !important;">
        <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                    <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                    <div id="login_popup_buttons">
                        <form action="{S_LOGIN_ACTION}" method="get">
                            <input type="submit" class="mainoption" value="{L_LOGIN}" />
                            <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                        </form>
                    </div>
                    <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- END switch_login_popup -->

    <a name="top"></a>
    {JAVASCRIPT}
<if condition="!$show['member']">
<!-- ######################################################################.login -->
  <!-- BEGIN switch_user_logged_out -->
<div id="login_b">

<div class="l_b">
<div class="ti_b"><h1>تسجيل الدخول</h1> <span class="get-out fa fa-times"></span></div>
   <form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
      <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
      <div class="login-box">
      

<input type="text" class="bginput1" name="username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" />

<input type="password" class="bginput2" name="password" id="navbar_password" size="10" tabindex="102" value="xxxxxxxxx" onfocus="if (this.value == 'xxxxxxxxx') this.value = '';" />
<div class="chboxx">      
<label for="cb_cookieuser_navbar"><input class="rem" type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c"  /></label>
<span class="remb">تذكرني !!</span>

<a class="for_pas left" href="login.php?do=lostpw">نسيت كلمة المرور؟</a>
</div>         
         <div class="log"><input name="autologin" checked="checked" type="checkbox"><input type="submit" class="button8" name="login" value="تسجيل الدخول" tabindex="104" original-title="$vbphrase[log_in]" accesskey="s" /></div>
      
      </div>
      
      </form>




</div>
</div>
  <!-- END switch_user_logged_out -->
<!-- ////////////////////////////////////////////////////////////////////////.login -->

 
</if>

<div class="bod">

<div class="header"><img src="http://mrscript.rf.gd/vb/free_codeserv/img/header.jpg" alt="" /></div>


<div class="br-cl"></div>
<div class="menu_bar">
<ul class="nav_menu_bar right">
<li><a href="#"><i class="fa fa-home"></i><span>الرئيسية</span></a></li>
<li><a href="#" class="m_activ"><i class="fa fa-reorder"></i><span>المنتدى</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i><span>القوانين</span></a></li>
<li><a href="#"><i class="fa fa-send"></i><span>اتصل بنا</span></a></li>
<li><a href="#"><i class="fa fa-flash"></i><span>أعلن لدينا</span></a></li>
</ul>



<!-- BEGIN switch_user_logged_out -->
<div class="user_box left">
<if condition="!$show['member']">
<div class="login">
<a class="lo_log">
<i class="fa fa-sign-in"></i>
<span>الدخول</span>
</a>
<a class="re_log" href="register.php">
<i class="fa fa-user"></i>
<span>حساب جديد</span>
</a>
</div>
<else />
<div class="aft_login">

<!-- END switch_user_logged_out -->

 <!-- BEGIN switch_user_logged_in -->
<ul class="login_details">
<li><a href=""><img class="img-it" src="https://i37.servimg.com/u/f37/19/54/71/78/defaul10.jpg" original-title="اهلا وسهلا بك" border="0" /></a></li>
<li>


      <if condition="$show['admincplink']"><li><a class="adm" href="/profile"><span>تعديل بياناتي</span></a></li></if>
        <if condition="$show['modcplink']"><li><a class="adm2" href="#"><span>مواضيعي</span></a></li></if>
    </ul>
<!-- END switch_user_logged_in -->







</div>
</if>
</div>

</div>


<div class="br-cl"></div>


<div style="width: 965px;margin: 0px auto;height: 170px; overflow:hidden;">
<div class="image_carousel">
    <div id="foo1">

    <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>

        <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>
       
        <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>

        <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>
    <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>

        <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>
       
        <a href="#">
      <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>

        <a href="#">
          <img src="http://mrscript.rf.gd/vb/free_codeserv/img/1.png" alt="" width="220" height="150"></a>
 

    </div>
    <div class="clear"></div>
    <a class="prev" id="foo1_prev" href="#"><span>prev</span></a>
    <a class="next" id="foo1_next" href="#"><span>next</span></a>
</div></div>


<div class="br-cl"></div>


    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>

                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                        <!-- BEGIN ticker_row -->
                                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                        <!-- END ticker_row -->
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                        <div class="fa_ticker_content">
                                            <!-- BEGIN ticker_row -->
                                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                            <!-- END ticker_row -->
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker -->

                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="{C1SIZE}">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                    </td>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108

descriptionططلب  تصميم استايل لمنتديات كوكب الانمى Emptyرد: ططلب تصميم استايل لمنتديات كوكب الانمى

more_horiz
viewtopic_body

الكود:

 

    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
       
      return false;
    };
    //]]>
    </script>
    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>     
          <td class="nav" valign="middle" width="100%">
            <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                    <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>     
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <!-- BEGIN switch_twitter_btn -->
            <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
            </span>
            <!-- END switch_twitter_btn -->
           
            <!-- BEGIN switch_fb_likebtn -->       
            <script>(function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script> 
            <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
            <!-- END switch_fb_likebtn -->
           
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                 | 
                <script type="text/javascript">//<![CDATA[
                  var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                  var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                  var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                  var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                  var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                  var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                  insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
            </span>
          </td>
      </tr>
    </table>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
      <tr align="right">
          <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <tr class="fieldset">
            <tr valign="top">
        <td class="usrback" width="200" style="text-align:center">
                <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">   
        <tr>
        <td colspan="2" class="twrank" align="center">المعلومات</td>
        </tr>
    <tr>
            <td class="tw">الكاتب:</td>
           
   
          <td class="tw"><div id="postmenu_5"
    align="center"><a class="bigusername"
    name="{postrow.displayed.U_POST_ID}"> {postrow.displayed.POSTER_NAME}
    </a>
            <script type="text/javascript"> vbmenu_register("postmenu_5", true); </script>
           
            </div>
            </td>
        </tr>
        <tr>
            <td class="tw">اللقب:</td>
            <td class="tw"><div align="center">{postrow.displayed.POSTER_RANK}</div></td>
        </tr>
        <tr>
            <td class="tw">الرتبه:</td>
            <td class="tw"><div align="center">{postrow.displayed.RANK_IMAGE}</div></td>
        </tr>
       
        <tr>
            <td colspan="2" class="twrank" align="center">الصورة الرمزية</td>
        </tr>
        <tr>
            <td colspan="2" align="center" class="alt1"><div class="smallfont avataruser">
                        <br />{postrow.displayed.POSTER_AVATAR}
                    </div>
    </td>
        </tr>
        </table>
           
               
                <div class="smallfont" style="text-align:right">
                <br />
                <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
       
                              <tr>
            <td colspan="2" class="twrank" align="center">البيانات</td>
        </tr>
    <!-- BEGIN profile_field -->
            <tr>
            <td class="tw"><center>{postrow.displayed.profile_field.LABEL}</td>
            <td class="tw"> <center>{postrow.displayed.profile_field.CONTENT}</td>
        </tr>
        <!-- END profile_field -->
               
       
           
    </table>
                    <div align="center"></div>
                    <div align="center"></div>
                    </div><br />
    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
        <tr>
            <td class="twrank" align="center">التوقيت</td>
        </tr>
    <tr>
            <td class="alt1">
    <div
    class="pbit" align="center"><center><OBJECT classid="clsid:
   
    D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/
    flash/swflash.cab#version=6,0,0,0" WIDTH="130" HEIGHT="130"
    id="anaclock" ALIGN="">
    <PARAM NAME=movie VALUE="http://www.m-3n.net/vb/m3n1yers/misc/colok.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#FFFFFF>
    <param name="wmode" value="transparent">
    <param name="menu" value="false">
    <EMBED
    src="http://www.m-3n.net/vb/m3n1yers/misc/colok.swf" quality=high
    bgcolor=#FFFFFF WIDTH="130" HEIGHT="130" wmode="transparent" ALIGN=""
    TYPE="application/x-shockwave-flash"
    PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
    menu="false">
    </EMBED></OBJECT></center></div>
    </td>
        </tr>
        </table>
    <br />
                    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">
        <tr>
            <td colspan="2" class="twrank" align="center">الإتصالات</td>
        </tr>
    <tr>
            <td class="tw">الحالة:</td>
            <td class="tw"><div align="center">{postrow.displayed.ONLINE_IMG}
    </div></td>
        </tr>
        <tr>
            <td class="twrank">وسائل الإتصال:</td>
            <td class="tw"><div align="center"> {postrow.displayed.PROFILE_IMG}
                  {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
    <!--BEGINa7la.7ekaya -->
    <!-- BEGIN contact_field -->
                  {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field --> 
    <!--ENDa7la.7ekaya -->
    </div></td>
            </tr>
    </table>
        </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->
                                                      <p style="text-align: center;">
      <img src="http://i68.servimg.com/u/f68/15/34/86/24/oou10.png" /><br />
    </p>
                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->
                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->
                        <!-- BEGIN switch_no_bar -->
                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->
                                              <p style="text-align: center;">
      <img src="http://i68.servimg.com/u/f68/15/34/86/24/oou11.png" /><br />
    </p>
                      <div class="postbody">
                        <div>{postrow.displayed.MESSAGE}</div>
                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                  <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->
                                    <!-- BEGIN switch_no_dl_att -->
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                  </dt>
                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->
                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->
                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                            </dd>
                        </dl>
                        <!-- END switch_attachments -->
                                                      </p>
                                                      <p style="text-align: center;">
      <img src="http://i68.servimg.com/u/f68/15/34/86/24/o15.png" /><br />
    </p>
                            <!-- sig -->
                                    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="80%" align="center">
                        <tr>
                            <td class="catHead" align="center">توقيع : {postrow.displayed.POSTER_NAME}</td>
                        </tr>
                        <tr>
                            <td class="row2" title="التوقيع" align="center">
               
                            <p align="center"><div align="center">
                 
                            <br/>
                            {postrow.displayed.SIGNATURE}
                              <br/><br/>
                 
                            </div></p>
             
                        </td>
                        </tr>
                        </table>
                                <!-- / sig -->
                        <div class="clear"></div>
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>
                        <!-- END switch_signature -->
                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
    </table>
    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->
            » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
            <!-- END link -->
          </td>
      </tr>
    </table>
    <!-- END promot_trafic -->
    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
          <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                        <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                        </td>
                      </tr>
                  </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td class="row1 clearfix">
                <table>
                  <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                        {RULE_MSG}
                      </td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
    </table>
    <!-- END switch_forum_rules -->
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>
    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>
    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>




:eyelike: :eyelike: ططلب  تصميم استايل لمنتديات كوكب الانمى 3571694003 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108 ططلب  تصميم استايل لمنتديات كوكب الانمى 3073018108
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى