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

تعديل فى قالب

2 مشترك

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

تعديل فى قالب Empty تعديل فى قالب

مُساهمة من طرف mando123487 الأحد 2 يونيو 2013 - 0:42

انا اليوم ركبت استايل من استايلات التومبيلات

وعدلت فيها وظبطها لكن مش عارف الاقى الواجهة فى الكود ممكن حد يطلعلى صورة الواجهة

اولا المنتدى

http://tatwerk.yoo7.com/

القالب


الكود:
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="ar"><head>
   <!-- no cache headers -->
   <meta http-equiv="Pragma" content="no-cache">
   <meta http-equiv="Expires" content="-1">
   <meta http-equiv="Cache-Control" content="no-cache">
   <!-- end no cache headers -->
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta name="generator" content="vBulletin 3.8.7">

<meta name="keywords" content="vbulletin,vBulletin Solutions,forum,bbs,discussion,bulletin board">
<meta name="description" content="This is a discussion forum powered by vBulletin. To find out about vBulletin, go to http://www.vbulletin.com/ .">


<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
/**
* vBulletin 3.8.7 CSS
* Style: 'Default Style'; Style ID: 1
*/
body
{
   background: #FFFFFF;
   color: #000000;
   font-family: tahoma;
   margin: 0px 0px 0px 0px ;
   padding: 0px;
}
a:link, body_alink
{
   color: #000000;
}
a:visited, body_avisited
{
   color: #000000;
}
a:hover, a:active, body_ahover
{
   color: #1f98c7;
}
.page
{
   background: #d2d2d2;
   color: #CCCCCC;
   font-size: 8pt;
}
.page a:link, .page_alink
{
   color: #000000;
}
.page a:visited, .page_avisited
{
   color: #000000;
}
.page a:hover, .page a:active, .page_ahover
{
   color: #1f98c7;
}
td, th, p, li
{
   color: #000000;
   font: 8pt tahoma;
}
.tborder
{
   background: #D1D1E1;
   color: #000000;
}
.tcat
{
   background: #0a72a7 url(http://creative-des.com/vb/creative-style/gradients/gradient_tcat.png) repeat-x top left;
   color: #FFFFFF;
   font: 9pt tahoma;
}
.tcat a:link, .tcat_alink
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #EEEEEE;
   text-decoration: none;
}
.thead
{
   background: #2f2f2f url(http://creative-des.com/vb/creative-style/gradients/gradient_thead.png) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFFFFF;
}
.tfoot
{
   background: #0a72a7 url(http://creative-des.com/vb/creative-style/gradients/gradient_tcat.png) repeat-x top left;
   color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #999999;
}
.alt1, .alt1Active
{
   background: #f7f7f7;
   color: #000000;
   font: 9pt tahoma;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   color: #000000;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   color: #000000;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   color: #1f98c7;
}
.alt2, .alt2Active
{
   background: #f0f0f0;
   color: #000000;
   font-family: tahoma;
   border: 2px solid #fff
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   color: #000000;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   color: #000000;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   color: #1f98c7;
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #F5F5FF;
   color: #000000;
   font: 8pt tahoma;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #1f98c7;
}
textarea, .bginput
{
   font: 10pt tahoma;
   font : 9pt Tahoma, Ms Sans Serif, Verdana, Arial, Helvetica, Sans-serif; background-color:#f1f1f1; 
   color:#717170; 
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border:2px solid #c5c5c5; 
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: tahoma;
}
.button
{
   font: 11px tahoma;
   font : 8pt Tahoma, Ms Sans Serif, Verdana, Arial, Helvetica, Sans-serif;
   background-color: #2c2c2c;
   background: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#2c2c2c));
   background: -moz-linear-gradient(top, #4a4a4a, #2c2c2c);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#4a4a4a');
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px; 
   color:#ffffff; 
   border:1px solid #2d2d2d; 
}
select
{
   color: #000000;
   font: 8pt tahoma;
}
option, optgroup
{
   font-size: 8pt;
   font-family: tahoma;
}
.smallfont
{
   font: 8pt tahoma;
}
.time
{
   color: #1f98c7;
}
.navbar
{
   color: #000000;
   font: 8pt tahoma;
}
.navbar a:link, .navbar_alink
{
   color: #000000;
}
.navbar a:visited, .navbar_avisited
{
   color: #000000;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
   color: #373636;
}
.highlight
{
   color: #373636;
   font-weight: bold;
}
.fjsel
{
   background: #373636;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #E4E7F5 url(http://creative-des.com/vb/images/gradients/gradient_panel.gif) repeat-x top left;
   color: #000000;
   padding: 10px;
   border: 2px outset;
}
.panelsurround
{
   background: #D1D4E0 url(http://creative-des.com/vb/images/gradients/gradient_panelsurround.gif) repeat-x top left;
   color: #000000;
}
legend
{
   color: #373636;
   font: 11px tahoma;
}
.vbmenu_control
{
   background: #3f3f3f url(http://creative-des.com/vb/styles/Zuno/gradients/gradient_tcat2.png) repeat-x top left;
   color: #FFFFFF;
   font: 8pt tahoma;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #1f98c7;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #000000;
   border: 1px solid #000000;
}
.vbmenu_option
{
   background: #dad8d8;
   color: #000000;
   font: 8pt tahoma;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #f2f2f2;
   color: #000000;
   font: 8pt tahoma;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #000000;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: none; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

*{
   outline:none !important;
}

a {   

   text-decoration: none;
  }



div#qTip {
border:1px solid #c6c6c4;
background:#d7d7d7;
color:#1e1e1e;
font:8pt tahoma;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
position:absolute;z-index: 1000;display:none;padding:4px;text-align:left;
}


#header-container {
   MARGIN: 0px auto; WIDTH: 848px; TEXT-ALIGN:right;
}

DIV#menu {
   MARGIN: 0px auto; WIDTH: 828px; HEIGHT: 42px
}
DIV#menu DIV#buttons-bg {
   DISPLAY: none; OVERFLOW: hidden; POSITION: absolute; HEIGHT: 36px
}
DIV#menu DIV#buttons-bg DIV {
   OVERFLOW: hidden;
}
DIV#menu DIV#buttons-bg DIV.line {
   HEIGHT: 1px;
}
DIV#menu DIV#buttons-bg DIV.middle {
   HEIGHT: 32px
}
DIV#menu DIV.blurred DIV {
   BACKGROUND: #004080;
}
DIV#menu DIV.focused DIV {
   BACKGROUND: #004891;
}
DIV#menu DIV#buttons {
   PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-TOP: 6px; POSITION: relative; HEIGHT: 36px
}
DIV#menu DIV#buttons A {
   PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: right; PADDING-BOTTOM: 0px; FONT: 13px/36px tahoma; COLOR: #FFFFFF; PADDING-TOP: 0px; HEIGHT: 36px; TEXT-DECORATION: none
}
DIV#menu DIV#buttons A:hover {
   COLOR: #46A3FF;
}

#about-page {

}
#about-page DIV.content {
   PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#photo-page {

}
#photo-page DIV.content {
   PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#contact-page {

}
#contact-page DIV.content {
   PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#extra_button-page {

}
#extra_button-page DIV.content {
   PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

.copyr
{
color:#ffffff;
}

.copyr a:link, a:visited,a:hover, a:active  {

color:#1f98c7;
}
.gradient_top{
   background-image:url('http://creative-des.com/vb/creative-style/gradients/gradient_top.png');
   height:171px;background-repeat:repeat-x;

}
.login{
background-image:url(http://creative-des.com/vb/creative-style/images/login.png);
width:417px;
height:160px;
float:left;
background-repeat:no-repeat;
margin-top:-160px;
}

.login_text{

font-color:#ffffff;
font-face:Tahoma;
font-size:13px;
}

.header_br{
padding-top:32px;
}


#nav-container{
   height:47px;
   background:url('http://creative-des.com/vb/creative-style/gradients/gradient_tcat2.png') 0 0 repeat-x;
}


#nav-menu{
   list-style:none;
   margin:0 10px 0 0;
   padding:0;
}
#nav-menu li{
   float:right;
}
#nav-menu li a{
   padding:5px 15px;
   height:47px;
   color:#ffffff;
   font: 8pt/47px tahoma, Helvetica, sans-serif;

   
   -moz-transition: border linear .2s,-moz-box-shadow linear .2s, background linear .2s;
   -webkit-transition: border linear .2s,-webkit-box-shadow linear .2s, background linear .2s;
   transition: border linear .2s,box-shadow linear .2s, background linear .2s;
}
#nav-menu li a:hover{
   border:0px solid #06F;
   -moz-box-shadow:0 0 5px #CCC;
   -webkit-box-shadow:0 0 5px #CCC;
   box-shadow:0 0 5px #CCC;
   background:#ccc;
   color:#333;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
}


   
   -moz-transition: border linear .2s,-moz-box-shadow linear .2s, background linear .2s;
   -webkit-transition: border linear .2s,-webkit-box-shadow linear .2s, background linear .2s;
   transition: border linear .2s,box-shadow linear .2s, background linear .2s;
}
#nav-menu li a:hover{
   border:0px solid #06F;
   -moz-box-shadow:0 0 5px #CCC;
   -webkit-box-shadow:0 0 5px #CCC;
   box-shadow:0 0 5px #CCC;
   background:#ccc;
   color:#333;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
}



.navbar_right{
width:5px;
height:47px;
background-repeat:no-repeat;
float:right;
background-image:url(http://creative-des.com/vb/creative-style/navbar/navbar_right.png);

}

.navbar_left{
width:5px;
height:47px;
background-repeat:no-repeat;
float:left;
background-image:url(http://creative-des.com/vb/creative-style/navbar/navbar_left.png);

}

.footer{
    background-image:url('http://creative-des.com/vb/creative-style/footer/footer.png');
    background-repeat:repeat-x;
    height:82px;
}

.footer_right{
background-image:url('http://creative-des.com/vb/creative-style/footer/footer_right.png');
width:23px;
height:82px;
background-repeat:no-repeat;
float:right;
margin-right: -23px;
}

.footer_left{
background-image:url('http://creative-des.com/vb/creative-style/footer/footer_left.png');
width:23px;
height:82px;
background-repeat:no-repeat;
float:left;
margin-left: -23px;


.footer_posaition{

padding-top:20px;

}


.maincolorchooser {
   float:right;
   margin-right:0px;
   margin-top:10px;
   }
.maincolorchooser span {
   font-face:Tahoma;
   font-size:8pt;
    color:#ffffff;
    text-decoration:none;
    float:right;
    display:block;
   }

.maincolorchooser a {
   width:12px;
   height:12px;
   display:block;
   float:right;
   margin-right:5px;
   }


.icons {
   float:left;
   margin-right:10px;
   margin-top:10px;
   }


.iconsa {
   width:29px;
   height:18px;
   display:block;
   float:left;
   margin-left:7px;
   }
}
</style>
<link rel="stylesheet" type="text/css" href="http://creative-des.com/vb/clientscript/vbulletin_important.css?v=387">


<!-- / CSS Stylesheet -->



<script type="text/javascript">
<!--

var boxBorder = 6;

function Box (boxId, maskId, contentId, buttonId) {
   this.boxObj = document.getElementById(boxId);
   this.maskObj = document.getElementById(maskId);
   this.contentObj = document.getElementById(contentId);
   this.buttonObj = document.getElementById(buttonId);
   this.buttonObj.objAddress = this;

   this.exactHeight = this.maskObj.offsetHeight;
   if (this.exactHeight <= boxBorder) {
      this.action = 'hiding';
   } else {
      this.action = 'showing';
   }

   this.buttonObj.onclick = function () {
      if (this.objAddress.action == 'hiding') {
         this.objAddress.action = 'showing';
         this.objAddress.Show();
         this.objAddress.buttonObj.className = 'button opened';
         this.objAddress.buttonObj.blur();
      }
      else if (this.objAddress.action == 'showing') {
         this.objAddress.action = 'hiding';
         this.objAddress.Hide();
         this.objAddress.buttonObj.className = 'button closed';
         this.objAddress.buttonObj.blur();
      }
      return false;
   }
}

Box.prototype = {
   Report:function () {
      if (typeof setBoxCookie == 'function') {
         var cookieInfo = '';
         for (var i = 0; i <= (boxesArray.length - 1); i++) {
            cookieInfo += boxesArray[i] + '=' + ((document.getElementById(boxesArray[i] + '-mask').offsetHeight <= boxBorder) ? 'closed' : 'opened') + 'AND';
         }
         cookieInfo = cookieInfo.substring(0, cookieInfo.length - 3);
         setBoxCookie(cookieInfo);
      }
   },
   Show:function () {
      if (this.action != 'showing') return;
      if (this.exactHeight < (this.contentObj.offsetHeight - 1)) {
         this.exactHeight += (this.contentObj.offsetHeight - this.exactHeight) / 5;
         this.maskObj.style.height = this.exactHeight + 'px';

         var self = this;
         window.setTimeout(function () { self.Show () }, 20);
      } else {
         this.exactHeight = this.contentObj.offsetHeight;
         this.maskObj.style.height = this.exactHeight + 'px';
         this.Report();
      }
      this.SetAlpha(this.contentObj, 100 * this.maskObj.offsetHeight / this.contentObj.offsetHeight);
   },
   Hide:function () {
      if (this.action != 'hiding') return;
      if (this.exactHeight > 1) {
         this.exactHeight -= this.exactHeight / 5;
         this.maskObj.style.height = this.exactHeight + 'px';

         var self = this;
         window.setTimeout(function () { self.Hide () }, 20);
      } else {
         this.exactHeight = 0;
         this.maskObj.style.height = this.exactHeight + 'px';
         this.Report();
      }
      this.SetAlpha(this.contentObj, 100 * this.maskObj.offsetHeight / this.contentObj.offsetHeight);
   },
   SetAlpha:function (obj, alpha) {
      obj.style.filter = 'alpha(opacity: ' + alpha + ')';
      obj.style.MozOpacity = alpha / 100;
          obj.style.KhtmlOpacity = alpha / 100;
      obj.style.opacity = alpha / 100;
   }
}

var maxListBoxItems = 6;

function ListBox (boxId, maskId, contentId, buttonId) {
   this.prototype = new Box (boxId, maskId, contentId, buttonId);

   this.listItemsBase = '';
   this.listItems = new Array ();
   this.itemStart = 0;
   this.itemCount = 0;
   this.itemNr = 9999;
   this.scrolling = 0;

   var self = this;
   this.leftButton = document.getElementById(boxId + '-left');
   this.leftButton.onclick = function () {
      self.Scroll('left');
      return false;
   }
   this.rightButton = document.getElementById(boxId + '-right');
   this.rightButton.onclick = function () {
      self.Scroll('right');
      return false;
   }
}

ListBox.prototype = {
   ContentLoaded:function () {
      this.itemCount = this.listItems.length;
   },
   RefreshControlButtons:function () {
      if (this.itemStart > 0) this.leftButton.style.display = 'block';
      else this.leftButton.style.display = 'none';
      if (this.itemStart < (this.itemNr - this.itemCount)) this.rightButton.style.display = 'block';
      else this.rightButton.style.display = 'none';

      this.scrolling = 0;
   },
   Scroll:function (direction) {
      if (this.scrolling) return;
      switch (direction) {
         case 'left': {
            if (this.itemStart >= maxListBoxItems) {
               this.itemStart -= 6;
            } else {
               this.itemStart = 0;
            }
         } break;
         case 'right': {
            this.itemStart += 6;
         } break;
      }
      //console.log(this.listItemsBase);
      switch (this.listItemsBase) {
         case 'latest-entry': getLatestEntries (this.itemStart, this.itemCount);
         break;
      }
   }
}

var boxesHolder = { }

var boxesArray = new Array('latest-entries', 'random-photo', 'latest-tracks', 'sister-sites', 'online-friends');
var listBoxesArray = new Array('latest-entries');
function setBoxes () {
   for (var i = 0; i <= (boxesArray.length - 1); i++) {
      if (!document.getElementById(boxesArray[i])) continue;
      var boxType = boxesArray[i].isInArray(listBoxesArray) ? 'ListBox' : 'Box';
      eval('var ' + boxesArray[i].replace('-', '') + ' = new ' + boxType + ' ("' + boxesArray[i] + '", "' + boxesArray[i] + '-mask' + '", "' + boxesArray[i] + '-content' + '", "' + boxesArray[i] + '-button' + '");');
      boxesHolder[boxesArray[i].replace('-', '')] = eval(boxesArray[i].replace('-', ''));
   }
}

// -->
</script>

<script type="text/javascript">
<!--
var itemRollSpeed = 1;

function ListItem (aId, titleId) {
   this.itemObj = document.getElementById(aId);
   this.aObj = document.getElementById(aId + 'A') || document.getElementById(aId);
   this.titleId = titleId;
   this.titleObj = document.getElementById(titleId + 'A') ||  document.getElementById(titleId);

   this.aObj.objAddress = this;
   this.aObj.onmouseover = function () {
      this.objAddress.StartRolling ();
   }
   this.aObj.onmouseout = function () {
      this.objAddress.StopRolling ();
   }
   this.slided = 0;
}

ListItem.prototype = {
   Slide:function () {
      if (!this.nextSlide) {
         this.nextSlide = -174;
         this.currentMargin = 0;
      }

      this.currentMargin += (this.nextSlide - this.currentMargin) / 4;
      this.itemObj.style.marginLeft = this.currentMargin + 'px';
      if (Math.round(this.currentMargin) != this.nextSlide) {
         var self = this;
         window.setTimeout(function () { self.Slide (); }, 33);
      } else {
         this.itemObj.style.marginLeft = this.nextSlide + 'px';
         this.nextSlide = null;

         var aObjA = document.getElementById(this.itemObj.id + 'A');
         var aObjB = document.getElementById(this.itemObj.id + 'B');
         aObjA.innerHTML = aObjB.innerHTML.replace(this.titleId + 'B', this.titleId + 'A');
         aObjA.href = aObjB.href;
         aObjA.title = aObjB.title;
         this.titleObj = document.getElementById(this.titleId + 'A');
         this.slided = 1;
         this.itemObj.style.marginLeft = '0px';

         if (document.getElementById(this.itemObj.id + 'B').lastItem) this.parentBox.RefreshControlButtons();
      }
   },
   StartRolling:function () {
      this.titleObj.hovered = 1;
      if (this.titleObj.rolling != 1) {
         this.titleObj.rolling = 1;
         this.slided = 0;
         var self = this;
         window.setTimeout(function () { self.Roll (1); }, 1000);
      }
   },
   StopRolling:function () {
      this.titleObj.hovered = 0;
   },
   Roll:function (start) {
      var currWidth = this.titleObj.offsetWidth;

      if (start && !this.titleObj.hovered) {
         this.titleObj.rolling = 0;
         return;
      }
      var elWidth = 164;
      if (currWidth > elWidth) {
         if (!this.titleObj.currX) this.titleObj.currX = 0;
         if (!this.titleObj.direction) this.titleObj.direction = -1;

         var delay = 50;
         var keepRolling = 1;
         switch (this.titleObj.direction) {
            case -1: {
               if ((this.titleObj.currX + (itemRollSpeed * this.titleObj.direction)) > (elWidth - currWidth)) this.titleObj.currX = this.titleObj.currX + (itemRollSpeed * this.titleObj.direction);
               else {
                  this.titleObj.currX = elWidth - currWidth;
                  this.titleObj.direction = 1;
                  delay = 2000;
               }
            } break;
            case 1: {
               if ((this.titleObj.currX + (itemRollSpeed * this.titleObj.direction)) < 0) this.titleObj.currX = this.titleObj.currX + (itemRollSpeed * this.titleObj.direction);
               else {
                  this.titleObj.currX = 0;
                  this.titleObj.direction = -1;
                  delay = 2000;
                  if (!this.titleObj.hovered) keepRolling = 0;
               }
            } break;
         }
         this.titleObj.style.marginLeft = this.titleObj.currX + 'px';

         if (keepRolling) {
            var self = this;
            if (!this.slided) window.setTimeout(function () { self.Roll () }, delay);
            else {
               this.slided = 0;
               this.rolling = 0;
            }
         } else this.titleObj.rolling = 0;
      }
   }
}

var listItemHolder = { }

var listsArray = new Array('latest-entry', 'latest-track');
var listsFatherReferences = {'latest-entry': 'latest-entries'};

function setListItems () {
   for (var i = 0; i <= (listsArray.length - 1); i++) {
      var parentBox = boxesHolder[listsFatherReferences[listsArray[i]] ? listsFatherReferences[listsArray[i]].replace('-', '') : ''];
      if (parentBox) parentBox.listItemsBase = listsArray[i];
      var j = 1;
      while (document.getElementById(listsArray[i] + j)) {
         eval('var ' + (listsArray[i].replace('-', '') + j) + ' = new ListItem ("' + (listsArray[i] + j) + '", "' + listsArray[i] + '-title' + j + '");');
         listItemHolder[listsArray[i].replace('-', '') + j] = eval(listsArray[i].replace('-', '') + j);
         if (parentBox) {
            eval(listsArray[i].replace('-', '') + j + '.parentBox = parentBox');
            parentBox.listItems.push (eval(listsArray[i].replace('-', '') + j));
         }
         j++;
      }
      if (parentBox) parentBox.ContentLoaded ();
   }

}

window.onload = function () {
   setMenu ();
   setBoxes ();
   setListItems ();

     if (document.getElementById('banner')) {
        //var flashObj = new SWFObject('/blog/photoslice_banner.swf', "photoslicebanner", 468, 60, '9', '#263733');
        //flashObj.write('banner');
     }
}

window.onresize = function () {
   if (MenuObj) MenuObj.RollOver(MenuObj.initialPageName);
}



MenuObj = {
   isHovered:false,
   isSliding:false,
   isResizing:false,
   Init:function () {
      var pageId = this.initialPageName + '-button';
      this.aObj = document.getElementById(pageId);

      this.bgObj = document.getElementById('buttons-bg');
      this.bgObj.style.width = this.aObj.offsetWidth + 'px';
      this.bgObj.style.left = this.FindCoord(this.aObj)[0] + 'px';
      this.bgObj.style.top = this.FindCoord(this.aObj)[1] + 'px';
      this.bgObj.style.display = 'block';
   },
   RollOver:function (pageName, returnSlide) {
      if (!this.bgObj) this.Init();

      this.isHovered = true;
      if (!returnSlide) this.bgObj.className = 'focused';

      this.aObj = document.getElementById(pageName + '-button');

      this.currentX = this.bgObj.style.left.substring(0, this.bgObj.style.left.length - 2) * 1;
      this.targetX = this.FindCoord(this.aObj)[0];

      this.targetWidth = this.aObj.offsetWidth;
      this.currentWidth = this.bgObj.offsetWidth;
      var widthDif = this.targetWidth - this.currentWidth;
      this.widthSpeed = ((widthDif > 0) ? widthDif : -widthDif) / 10;

      if (!this.isSliding) {
         this.isSliding = true;
         this.NextSlide();
      }
      if (!this.isResizing) {
         this.isResizing = true;
         this.Resize();
      }
   },
   NextSlide:function () {
      var xDif = this.targetX - this.currentX;
      this.xSpeed = ((xDif > 0) ? xDif : -xDif) / 5;
      this.nextX = this.targetX + Math.round(xDif * 30 / 100);

      if (this.targetX != this.nextX) this.Slide();
      else {
         this.bgObj.style.left = this.targetX + 'px';
         this.bgObj.style.width = this.targetWidth + 'px';
         this.isSliding = false;
      }
   },
   Slide:function () {
      if (this.nextX == Math.round(this.currentX)) this.NextSlide();
      else {
         if (this.nextX > this.currentX) this.currentX += ((this.nextX - this.currentX > this.xSpeed) ? this.xSpeed : (this.nextX - this.currentX));
         else this.currentX -= ((this.currentX - this.nextX > this.xSpeed) ? this.xSpeed : (this.currentX - this.nextX));

         this.bgObj.style.left = this.currentX + 'px';

         var self = this;
         window.setTimeout(function () { self.Slide () }, 20);
      }
   },
   Resize:function () {
      if (this.targetWidth == Math.round(this.currentWidth)) this.isResizing = false;
      else {
         if (this.targetWidth > this.currentWidth) this.currentWidth += ((this.targetWidth - this.currentWidth > this.widthSpeed) ? this.widthSpeed : (this.targetWidth - this.currentWidth));
         else this.currentWidth -= ((this.currentWidth - this.targetWidth > this.widthSpeed) ? this.widthSpeed : (this.currentWidth - this.targetWidth));

         this.bgObj.style.width = this.currentWidth + 'px';

         var self = this;
         window.setTimeout(function () { self.Resize () }, 20);
      }
   },
   RollOut:function () {
      this.isHovered = false;

      var self = this;
      window.setTimeout(function () { self.RolledOut () }, 200);
   },
   RolledOut:function () {
      if (!this.isHovered) {
         this.bgObj.className = 'blurred';
         this.RollOver(this.initialPageName, 1);
      }
   },
   FindCoord:function (obj) {
      if (!obj) return false;
      var curleft = curtop = 0;
      if (obj.offsetParent) {
         curleft = obj.offsetLeft
         curtop = obj.offsetTop
         while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
         }
      }
      return [curleft,curtop];
   }
}

var buttonsArray = new Array('home', 'photo', 'about', 'contact', 'extra_button', 'extra_button1');
function setMenu () {
   for (var i = 0; i <= (buttonsArray.length - 1); i++) {
      var tempButton = document.getElementById(buttonsArray[i] + '-button');
      if (tempButton) {
         if (tempButton.className == "on") MenuObj.initialPageName = buttonsArray[i];
         tempButton.onmouseover = function () {
            if (MenuObj) MenuObj.RollOver(this.id.replace('-button', ''));
         }
         tempButton.onmouseout = function () {
            if (MenuObj) MenuObj.RollOut();
         }
      }
   }
   if (!MenuObj.initialPageName) MenuObj.initialPageName = buttonsArray[0];
   MenuObj.Init();
}

// -->
</script>


<script type="text/javascript">
<!--
var qTipTag = "a,label,input"; //Which tag do you want to qTip-ize? Keep it lowercase!//
var qTipX = 0; //This is qTip's X offset//
var qTipY = 15; //This is qTip's Y offset//

//There's No need to edit anything below this line//
tooltip = {
  name : "qTip",
  offsetX : qTipX,
  offsetY : qTipY,
  tip : null
}

tooltip.init = function () {
   var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
   if(!tipContainerID){ var tipContainerID = "qTip";}
   var tipContainer = document.getElementById(tipContainerID);

   if(!tipContainer) {
     tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
      tipContainer.setAttribute("id", tipContainerID);
     document.getElementsByTagName("body").item(0).appendChild(tipContainer);
   }

   if (!document.getElementById) return;
   this.tip = document.getElementById (this.name);
   if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

   var a, sTitle, elements;
   
   var elementList = qTipTag.split(",");
   for(var j = 0; j < elementList.length; j++)
   {   
      elements = document.getElementsByTagName(elementList[j]);
      if(elements)
      {
         for (var i = 0; i < elements.length; i ++)
         {
            a = elements[i];
            sTitle = a.getAttribute("title");            
            if(sTitle)
            {
               a.setAttribute("tiptitle", sTitle);
               a.removeAttribute("title");
               a.removeAttribute("alt");
               a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
               a.onmouseout = function() {tooltip.hide()};
            }
         }
      }
   }
}

tooltip.move = function (evt) {
   var x=0, y=0;
   if (document.all) {//IE
      x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
      y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
      x += window.event.clientX;
      y += window.event.clientY;
      
   } else {//Good Browsers
      x = evt.pageX;
      y = evt.pageY;
   }
   this.tip.style.left = (x + this.offsetX) + "px";
   this.tip.style.top = (y + this.offsetY) + "px";
}

tooltip.show = function (text) {
   if (!this.tip) return;
   this.tip.innerHTML = text;
   this.tip.style.display = "block";
}

tooltip.hide = function () {
   if (!this.tip) return;
   this.tip.innerHTML = "";
   this.tip.style.display = "none";
}

window.onload = function () {
   tooltip.init ();
}
// -->
</script>

<script type="text/javascript" src="http://creative-des.com/vb/clientscript/yui/yahoo-dom-event/yahoo-dom-event.js?v=387"></script>
<script type="text/javascript" src="http://creative-des.com/vb/clientscript/yui/connection/connection-min.js?v=387"></script>
<script type="text/javascript">
<!--
var SESSIONURL = "s=9ad0373a60ce1dedc81ddd5a8c699a8d&";
var SECURITYTOKEN = "guest";
var IMGDIR_MISC = "creative-style/misc";
var vb_disable_ajax = parseInt("0", 10);
// -->
</script>
<script type="text/javascript" src="http://creative-des.com/vb/clientscript/vbulletin_global.js?v=387"></script>
<script type="text/javascript" src="http://creative-des.com/vb/clientscript/vbulletin_menu.js?v=387"></script>





<link rel="alternate stylesheet" type="text/css" title="green-theme" href="http://creative-des.com/vb/creative-style/css/green/style.css">
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="http://creative-des.com/vb/creative-style/css/violet/style.css">
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="http://creative-des.com/vb/creative-style/css/red/style.css">
</head>
<body>
<script src="http://creative-des.com/vb/creative-style/js/colorchooser.js" type="text/javascript"></script>
<!-- logo -->
<div class="gradient_top">
<table border="0" width="84%" cellpadding="0" cellspacing="0" align="center">
<tbody><tr><td>

<div class="maincolorchooser">
<span>إختر لونك : </span>
<a href="javascript:ChennaigsmStyle('none')" style="background-color:#00baff;border: 0px solid #e3dac9;border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px; "></a>
<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#8d5ba3;border: 0px solid #e3dac9;border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px; "></a>
<a href="javascript:ChennaigsmStyle('green-theme')" style="background-color:#00ff1e; border: 0px solid #e3dac9;border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px; "></a>
<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#ff2930;border: 0px solid #e3dac9;border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px; "></a> </div>
</td>


<td>
<div class="icons">
<a href="http://www.facebook.com/"><img src="http://creative-des.com/vb/creative-style/icons/facebook.png" alt="Facebook" border="0" title="Facebook"></a>
<a href="http://www.twitter.com/"><img src="http://creative-des.com/vb/creative-style/icons/twitter.png" alt="Twitter" border="0" title="Twitter"></a>
<a href="http://plus.google.com/"><img src="http://creative-des.com/vb/creative-style/icons/google.png" alt="Google Plus" border="0" title="Google Plus"></a>
<a href="./external.php?type=RSS2"><img src="http://creative-des.com/vb/creative-style/icons/rss.png" alt="Rss" border="0" title="Rss"></a>
</div>
</td></tr>

<tr>
   <td align="right"><img src="http://i40.servimg.com/u/f40/12/70/01/28/logo10.png" style="margin-right:28px;" border="0" alt="التصميم الإبداعي" title="التصميم الإبداعي"></td>   

          <td align="left"><a href="http://orline.own0.com"><img src="http://creative-des.com/vb/creative-style/banner.png" style="margin-left:28px;" border="0" alt="أعلن معنا" title="أعلن معنا"></a></td>
</tr>
</tbody></table>
</div>
<div class="header_br"></div>
<!-- /logo -->


<!-- open content container -->

<div align="center">
   <div class="page" style="width:84%; text-align:right">
      <div style="padding:0px 0px 0px 0px" align="right">



<!-- nav buttons bar -->

<div id="nav-container">
<div class="navbar_left"></div>
<div class="navbar_right"></div>

   <table cellpadding="0" cellspacing="0" border="0" width="99%" align="center">

   <tbody><tr align="center">
      <td>
        <ul id="nav-menu">
          <li><a href="/forum">الرئيسية</a></li>
   
          <li><a href="/register" rel="nofollow">التسجيل</a></li>
   
          <li><a rel="help" href="/faq" accesskey="5">التعليمات</a></li>
    <li><a id="community" href="/groups" rel="nofollow" accesskey="6" style="cursor: pointer; ">المجموعات <img src="creative-style/misc/menu_open.gif" border="0" title="" alt=""></a> <script type="text/javascript"> vbmenu_register("community"); </script></li>
   
      <li><a href="/calendar">التقويم</a></li>
   
   
   
    <li><a href="/memberlist" accesskey="2">قائمة الاعضاء</a></li>
   
      <li><a id="navbar_search" href="/search" accesskey="4" rel="nofollow">البحث</a> </li>
   
   
   
   
   
</ul>
        </td>
      </tr>
   </tbody></table>
</div>
<!-- / nav buttons bar -->



<!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>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/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 ?l?ments */
            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 contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des ?l?ments 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');
         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}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {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']);

    (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="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{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">
      <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}

   <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 />  </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 {CLASS_TABLE_TYPE} 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 {CLASS_TABLE_TYPE} 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 -->


عدل سابقا من قبل mando123487 في الأحد 2 يونيو 2013 - 3:12 عدل 2 مرات
mando123487
mando123487
 
 

ذكر
عدد المساهمات : 213
معدل النشاط : 5235
السُمعة : 1

http://aboelella.forumegypt.net/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف محمد سرحان 2 الأحد 2 يونيو 2013 - 0:56

السلام عليكم

اعتقد الكود في اكواد الـ css

وده رابط الخلفيه تبع البنر
تعديل فى قالب H311
https://i.servimg.com/u/f33/17/43/85/13/h311.png

ابحث عنها في ورقة السي اس اس
محمد سرحان 2
محمد سرحان 2
 
 

ذكر
عدد المساهمات : 176
معدل النشاط : 4492
السُمعة : 1

http://toyou.ahlamontada.com/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف mando123487 الأحد 2 يونيو 2013 - 1:03

لا يا اخى مو هذا الكود انت خطا بص على الواجهة بتاعتى وبص على الصورة الى انت جايبها
mando123487
mando123487
 
 

ذكر
عدد المساهمات : 213
معدل النشاط : 5235
السُمعة : 1

http://aboelella.forumegypt.net/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف محمد سرحان 2 الأحد 2 يونيو 2013 - 1:13

سبحان الله هل هذا منتداكـ

http://tatwerk.yoo7.com/

اذا هو فان الواجهه التي جئت لك بها صحيحه
محمد سرحان 2
محمد سرحان 2
 
 

ذكر
عدد المساهمات : 176
معدل النشاط : 4492
السُمعة : 1

http://toyou.ahlamontada.com/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف mando123487 الأحد 2 يونيو 2013 - 3:12

اخى انا غيرت الاستايل دلوقتى ممكن تشوف دلوقتى
mando123487
mando123487
 
 

ذكر
عدد المساهمات : 213
معدل النشاط : 5235
السُمعة : 1

http://aboelella.forumegypt.net/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف محمد سرحان 2 الأحد 2 يونيو 2013 - 8:27

تعديل فى قالب 130497492
http://www11.0zz0.com/2013/05/29/00/130497492.gif

ابحث عنها في ورقة css

وقولي هل وجدتها ام لا
محمد سرحان 2
محمد سرحان 2
 
 

ذكر
عدد المساهمات : 176
معدل النشاط : 4492
السُمعة : 1

http://toyou.ahlamontada.com/

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

تعديل فى قالب Empty رد: تعديل فى قالب

مُساهمة من طرف mando123487 الأحد 2 يونيو 2013 - 8:34

شكرا لقيتها خلاص

يغلق
mando123487
mando123487
 
 

ذكر
عدد المساهمات : 213
معدل النشاط : 5235
السُمعة : 1

http://aboelella.forumegypt.net/

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

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

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

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