- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
خطأ فى الإستايل برجاء المساعدة فى حله
-
01-01-2013 11:23 مساءً
-
معلومات الكاتب
-
تم تحرير الموضوع بواسطة :ahl-alsonah.com بتاريخ: 01-01-2013 11:23 مساءً
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 01:07 صباحاً [2]
-
معلومات الكاتب
-
هذا قالب الهيدر
header.txt
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 12:51 مساءً [3]
-
معلومات الكاتب
-
تفضل جرب هذا التعديل
CODE<!-- action_find_addons_1 --> <!--pbb.logo.start--> <!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> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400italic,400"> <script src="tool_tip/js/jquery.js"></script> <!--[if lt IE 9]> <script src="js/selectivizr.js"></script> <script src="js/html5.js"></script> <script src="js/ie9.js"></script> <![endif]--> <script> /* TOOLTIP */ $( document ).ready( function() { var targets = $( '[rel~=tooltip]' ), target = false, tooltip = false, title = false; targets.bind( 'mouseenter', function() { target = $( this ); tip = target.attr( 'title' ); tooltip = $( '<div id="tooltip"></div>' ); if( !tip || tip == '' ) return false; target.removeAttr( 'title' ); tooltip.css( 'opacity', 0 ) .html( tip ) .appendTo( 'body' ); var init_tooltip = function() { if( $( window ).width() < tooltip.outerWidth() * 1.5 ) tooltip.css( 'max-width', $( window ).width() / 2 ); else tooltip.css( 'max-width', 340 ); var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ), pos_top = target.offset().top - tooltip.outerHeight() - 20; if( pos_left < 0 ) { pos_left = target.offset().left + target.outerWidth() / 2 - 20; tooltip.addClass( 'left' ); } else tooltip.removeClass( 'left' ); if( pos_left + tooltip.outerWidth() > $( window ).width() ) { pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20; tooltip.addClass( 'right' ); } else tooltip.removeClass( 'right' ); if( pos_top < 0 ) { var pos_top = target.offset().top + target.outerHeight(); tooltip.addClass( 'top' ); } else tooltip.removeClass( 'top' ); tooltip.css( { left: pos_left, top: pos_top } ) .animate( { top: '+=10', opacity: 1 }, 50 ); }; init_tooltip(); $( window ).resize( init_tooltip ); var remove_tooltip = function() { tooltip.animate( { top: '-=10', opacity: 0 }, 50, function() { $( this ).remove(); }); target.attr( 'title', tip ); }; target.bind( 'mouseleave', remove_tooltip ); tooltip.bind( 'click', remove_tooltip ); }); }); /* --- */ </script> <script> /* VIEWPORT BUG FIX iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton */ ( function( doc ) { var addEvent = 'addEventListener', type = 'gesturestart', qsa = 'querySelectorAll', scales = [ 1, 1 ], meta = qsa in doc ? doc[ qsa ]( 'meta[name=viewport]' ) : []; function fix() { meta.content = 'width=device-width,minimum-scale=' + scales[ 0 ] + ',maximum-scale=' + scales[ 1 ]; doc.removeEventListener( type, fix, true ); } if( ( meta = meta[ meta.length - 1 ] ) && addEvent in doc ) { fix(); scales = [ .25, 1.6 ]; doc[ addEvent ]( type, fix, true ); } }( document ) ); </script> <meta http-**="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="scripts/jquery.aes.js"></script> <script type="text/javascript" src="scripts/jquery.aes2.js"></script> <style> /* TOOLTIP */ #tooltip { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); position: absolute; z-index: 100; padding: 15px; } #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top-color: #333; border-top: 10px solid rgba( 0, 0, 0, .7 ); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom-color: #333; border-bottom: 10px solid rgba( 0, 0, 0, .6 ); top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /* --- */ #slideshow { position: relative; width: 737px; height: 193px; overflow: hidden; } #Header_ba #Header_pic #date_ { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FBFFAA; } #slideshow .viewer { position: absolute; top: 11px; left: 9px; width: 717; height: 170; } #slideshow .reel { } #slideshow .slide { } #slideshow .border { position: absolute; top: -1px; left: 2px; width: 737px; height: 193px; background: url(images/slideshow.png) no-repeat left top; } #slideshow .previous, #slideshow .next { position: absolute; display: block; width: 66px; height: 61px; background: url(images/slideshow.png) no-repeat; text-indent: -9999em; outline: none; top: 84px; background-image: url(images/slideshow.png); } #slideshow .previous { background-position: 0px 100%; } #slideshow .next { right: 10px; background-position: -60px 100%; } @font-face { font-family: "rabi3"; src: url("fonts/rabi3.eot"); /* IE 9 ááÅÕÏÇÑ ÇáÊÇÓÚ ãä ãÊÕÝÍ ÇáÅßÓÈáæÑÑ */ src: url("fonts/rabi3.eot?") format("eot"), /* IE 6-8 ãä ÇáÅÕÏÇÑ ÇáÓÇÏÓ ÍÊì ÇáËÇãä ãä ãÊÕÝÍ ÇáÅÓßÈáæÑÑ */ url("fonts/rabi3.otf") format("opentype"), /* Other browsers ááãÊÕÝÍÇÊ ÇáÃÎÑì */ url("fonts/rabi3.ttf") format("truetype"); /* Safari, Android, iOS ááãÊÕÝÍÇÊ ÇáåæÇÊÝ æÈÞíÉ ÇáãÊÕÝÍÇÊ ÇáÍÏíËÉ */ } body,td,th { } #footer .rabi3_link { height: 52px; width: 76px; position: absolute; left: 18px; top: 25px; } #Header_ba { height: 240px; background-image: url(ahl_alsona/header_ba.jpg); width: 1260px; margin-right: auto; margin-left: auto; } #Header_ba #Header_pic { height: 240px; background-image: url(ahl_alsona/Header.PNG); width: 1260px; margin-right: auto; margin-left: auto; position: relative; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #1C1C10; background-image: url(ahl_alsona/ba.gif); } #output { width: 990px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; position: relative; background-color: #FFF; } #Header_ba #Header_pic .home_link { height: 43px; width: 38px; position: absolute; left: 931px; top: 156px; } #footer { width: 1260px; margin-right: auto; margin-left: auto; height: 81px; background-image: url(ahl_alsona/Footer.jpg); position: relative; } #navbar_ { position:absolute; width:904px; height:74px; z-index:20; left: 14px; top: 177px; } #Header_ba #Header_pic #navbar #wrap { position: relative; } #footer_t1 { position:absolute; width:781px; height:31px; z-index:1; left: 207px; top: 46px; font-family: Rabi3; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; color: #000; direction: rtl; } #fac_t_y_icons { position:absolute; width:39px; height:203px; z-index:1; left: 1012px; top: 89px; } #apDiv1 { position:absolute; width:449px; height:63px; z-index:2; left: 8px; top: 181px; } #ads_efct { position:absolute; width:469px; height:59px; z-index:2; left: 8px; top: 64px; } #date_ { position:absolute; width:368px; height:13px; z-index:3; left: 26px; top: 9px; } #apDiv2 { position:absolute; width:943px; height:54px; z-index:4; left: 4px; top: 180px; } /* Dropdowns Menu */ #pop { margin: 0; padding: 0; list-style: none; color: #1AA0C7; } #pop li ul { margin: 0; list-style: none; padding-top: 1; padding-right: 5; padding-bottom: 1; padding-left: 5; } #pop li { float: right; position: relative; padding: 0px; border-left-width: thin; border-left-style: dotted; border-left-color: #FFF; z-index: 2; margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px; } #pop li li { width: 100px; margin: 0; padding: 0; } #pop li a, #pop li a:link, #pop li a:visited { color: #FFF; text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; margin: 0px; } #pop li a:hover, #pop li a:active { color: #FF0; display: block; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ text-align: center; } #pop li li a, #pop li li a:link, #pop li li a:visited { color:#FFF; width: 100px; margin: 0px; background-color: #013648; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; float: right; border-top-width: 1px; border-top-style: dotted; border-top-color: #024A63; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ } #pop li li a:hover, #pop li li a:active { color: #000; background-color: #016481; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 0px; margin: 0px; } #pop li ul { position: absolute; width: 100px; display: none; right: 0; margin: 0px; padding: 0px; } #pop li:hover ul { display: block; } #Header_ba #Header_pic #navbar_ #pop li ul li a { text-decoration: none; margin: 0px; width: 120px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 0px; } </style> </head> <body> <div id="Header_ba"> <div id="Header_pic"> <div id="date_"><script language="JavaScript"> var fixd; function isGregLeapYear(year) { return year%4 == 0 && year%100 != 0 || year%400 == 0; } function gregToFixed(year, month, day) { var a = Math.floor((year - 1) / 4); var b = Math.floor((year - 1) / 100); var c = Math.floor((year - 1) / 400); var d = Math.floor((367 * month - 362) / 12); if (month <= 2) e = 0; else if (month > 2 && isGregLeapYear(year)) e = -1; else e = -2; return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day; } function Hijri(year, month, day) { this.year = year; this.month = month; this.day = day; this.toFixed = hijriToFixed; this.toString = hijriToString; } function hijriToFixed() { return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 + Math.floor((3 + 11 * this.year) / 30) + 227015 - 1; } function hijriToString() { var months = new Array("ãÍÑã","ÕÝÑ","ÑÈíÚ Ãæá","ÑÈíÚ ËÇäì","ÌãÇÏì Ãæá","ÌãÇÏì ËÇäì","ÑÌÈ","ÔÚÈÇä","ÑãÖÇä","ÔæÇá","Ðæ ÇáÞÚÏÉ","Ðæ ÇáÍÌÉ"); return this.day + " " + months[this.month - 1]+ " " + this.year; } function fixedToHijri(f) { var i=new Hijri(1100, 1, 1); i.year = Math.floor((30 * (f - 227015) + 10646) / 10631); var i2=new Hijri(i.year, 1, 1); var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1; i.month = Math.min(m, 12); i2.year = i.year; i2.month = i.month; i2.day = 1; i.day = f - i2.toFixed() + 1; return i; } var tod=new Date(); var weekday=new Array("ÇáÃÍÏ","ÇáÅËäíä","ÇáËáÇËÇÁ","ÇáÃÑÈÚÇÁ","ÇáÎãíÓ","ÇáÌãÚÉ","ÇáÓÈÊ"); var monthname=new Array("íäÇíÑ","ÝÈÑÇíÑ","ãÇÑÓ","ÅÈÑíá","ãÇíæ","íæäíæ","íæáíæ","ÃÛÓØÓ","ÓÈÊãÈÑ","ÃßÊæÈÑ","äæÝãÈÑ","ÏíÓãÈÑ"); var y = tod.getFullYear(); var m = tod.getMonth(); var d = tod.getDate(); var dow = tod.getDay(); document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y); m++; fixd=gregToFixed(y, m, d); var h=new Hijri(1421, 11, 28); h = fixedToHijri(fixd); document.write(" ãíáÇÏì - " + h.toString() + " åÌÑì "); </script></div> <div id="navbar_" style="position: absolute; left: 72px; top: 179px; width: 984px"> <!-- NavBar --> <ul id="pop"> <li ><a href="http://www.ahl-alsonah.com"> <div align="center"><img src="ahl_alsona/i1.png" /></div><div align="center"> ÇáãæÞÚ</div></a></li> <li><a href="#"> <div align="center"><img src="ahl_alsona/i2.png" width="40" height="35" /></div><div align="center"> ÇáãäÊÏíÇÊ</div></a> <ul dir="rtl"> <li><a href="">ÇáãäÊÏíÇÊ ÇáÚÇãÉ</a></li> <li><a href="http://www.ahl-alsonah.com/shobohat">ÔÈåÇÊ æÑÏæÏ</a></li> <li><a href="http://www.ahl-alsonah.com/akhawat">Ñßä ÇáÃÎæÇÊ</a></li> </ul> </li> <li><a href="http://www.ahl-alsonah.com/cat-QuranMP3-2.html"> <div align="center"><img src="ahl_alsona/i8.png" width="40" height="35" /></div><div align="center"> ÇáÞÑÂä ÇáßÑíã </div></a></li> <li><a href="#"> <div align="center"><img src="ahl_alsona/i3.png" width="40" height="35" /></div><div align="center"> ÇáÕæÊíÇÊ</div></a> <ul dir="rtl"> <li><a href="http://www.ahl-alsonah.com/catsmktba-3.html">ÇáÎØÈ æÇáÏÑæÓ</a></li> <li><a href="http://www.ahl-alsonah.com/cat-anasheed-8.html">ÇáÃäÇÔíÏ</a></li> <li><a href="http://www.ahl-alsonah.com/cat-flash-5.html">ÇáÝáÇÔÇÊ</a></li> </ul> </li> <li><a href="http://www.ahl-alsonah.com/cat-youtube-11287.html"> <div align="center"><img src="ahl_alsona/i4.png" width="40" height="35" /></div><div align="center"> ÇáãÑÆíÇÊ</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-Islamic-articles-4.html"> <div align="center"><img src="ahl_alsona/i5.png" width="40" height="35" /></div><div align="center"> ÇáãÞÇáÇÊ</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-ftwa-25.html"> <div align="center"><img src="ahl_alsona/i10.png" width="40" height="35" /></div><div align="center"> ÇáÝÊÇæì</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-book-9.html"> <div align="center"><img src="ahl_alsona/i6.png" width="40" height="35" /></div><div align="center"> ÇáßÊÈ</div></a> </li> <li><a href="http://www.ahl-alsonah.com/up"> <div align="center"><img src="ahl_alsona/i9.png" width="40" height="35" /></div> <div align="center">ãÑßÒ ÇáÊÍãíá</div></a> </li> <li><a href="http://www.ahl-alsonah.com/d3m"> <div align="center"><img src="ahl_alsona/i7.png" width="40" height="35" /></div> <div align="center">ÇÏÚã ÇáãæÞÚ</div></a> </li> </ul> </div></div> </div> </div> <div id="output" style="width: 0px; height: 0px"> <div></div> </div> <br/> <br/> <br/> <!--pbb.logo.end--> {template}main_bar{/template} <!-- action_find_addons_2 -->
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 01:28 مساءً [4]
-
معلومات الكاتب
-
تم تحرير المشاركة بواسطة :ahl-alsonah.com بتاريخ:02-01-2013 01:32 مساءً
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 02:07 مساءً [5]
-
معلومات الكاتب
-
تفضل جرب هذا التعديل
CODE<!-- action_find_addons_1 --> <!--pbb.logo.start--> {template}header_bar{/template} <!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> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400italic,400"> <script src="tool_tip/js/jquery.js"></script> <!--[if lt IE 9]> <script src="js/selectivizr.js"></script> <script src="js/html5.js"></script> <script src="js/ie9.js"></script> <![endif]--> <script> /* TOOLTIP */ $( document ).ready( function() { var targets = $( '[rel~=tooltip]' ), target = false, tooltip = false, title = false; targets.bind( 'mouseenter', function() { target = $( this ); tip = target.attr( 'title' ); tooltip = $( '<div id="tooltip"></div>' ); if( !tip || tip == '' ) return false; target.removeAttr( 'title' ); tooltip.css( 'opacity', 0 ) .html( tip ) .appendTo( 'body' ); var init_tooltip = function() { if( $( window ).width() < tooltip.outerWidth() * 1.5 ) tooltip.css( 'max-width', $( window ).width() / 2 ); else tooltip.css( 'max-width', 340 ); var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ), pos_top = target.offset().top - tooltip.outerHeight() - 20; if( pos_left < 0 ) { pos_left = target.offset().left + target.outerWidth() / 2 - 20; tooltip.addClass( 'left' ); } else tooltip.removeClass( 'left' ); if( pos_left + tooltip.outerWidth() > $( window ).width() ) { pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20; tooltip.addClass( 'right' ); } else tooltip.removeClass( 'right' ); if( pos_top < 0 ) { var pos_top = target.offset().top + target.outerHeight(); tooltip.addClass( 'top' ); } else tooltip.removeClass( 'top' ); tooltip.css( { left: pos_left, top: pos_top } ) .animate( { top: '+=10', opacity: 1 }, 50 ); }; init_tooltip(); $( window ).resize( init_tooltip ); var remove_tooltip = function() { tooltip.animate( { top: '-=10', opacity: 0 }, 50, function() { $( this ).remove(); }); target.attr( 'title', tip ); }; target.bind( 'mouseleave', remove_tooltip ); tooltip.bind( 'click', remove_tooltip ); }); }); /* --- */ </script> <script> /* VIEWPORT BUG FIX iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton */ ( function( doc ) { var addEvent = 'addEventListener', type = 'gesturestart', qsa = 'querySelectorAll', scales = [ 1, 1 ], meta = qsa in doc ? doc[ qsa ]( 'meta[name=viewport]' ) : []; function fix() { meta.content = 'width=device-width,minimum-scale=' + scales[ 0 ] + ',maximum-scale=' + scales[ 1 ]; doc.removeEventListener( type, fix, true ); } if( ( meta = meta[ meta.length - 1 ] ) && addEvent in doc ) { fix(); scales = [ .25, 1.6 ]; doc[ addEvent ]( type, fix, true ); } }( document ) ); </script> <meta http-**="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="scripts/jquery.aes.js"></script> <script type="text/javascript" src="scripts/jquery.aes2.js"></script> <style> /* TOOLTIP */ #tooltip { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); position: absolute; z-index: 100; padding: 15px; } #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top-color: #333; border-top: 10px solid rgba( 0, 0, 0, .7 ); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom-color: #333; border-bottom: 10px solid rgba( 0, 0, 0, .6 ); top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /* --- */ #slideshow { position: relative; width: 737px; height: 193px; overflow: hidden; } #Header_ba #Header_pic #date_ { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FBFFAA; } #slideshow .viewer { position: absolute; top: 11px; left: 9px; width: 717; height: 170; } #slideshow .reel { } #slideshow .slide { } #slideshow .border { position: absolute; top: -1px; left: 2px; width: 737px; height: 193px; background: url(images/slideshow.png) no-repeat left top; } #slideshow .previous, #slideshow .next { position: absolute; display: block; width: 66px; height: 61px; background: url(images/slideshow.png) no-repeat; text-indent: -9999em; outline: none; top: 84px; background-image: url(images/slideshow.png); } #slideshow .previous { background-position: 0px 100%; } #slideshow .next { right: 10px; background-position: -60px 100%; } @font-face { font-family: "rabi3"; src: url("fonts/rabi3.eot"); /* IE 9 ááÅÕÏÇÑ ÇáÊÇÓÚ ãä ãÊÕÝÍ ÇáÅßÓÈáæÑÑ */ src: url("fonts/rabi3.eot?") format("eot"), /* IE 6-8 ãä ÇáÅÕÏÇÑ ÇáÓÇÏÓ ÍÊì ÇáËÇãä ãä ãÊÕÝÍ ÇáÅÓßÈáæÑÑ */ url("fonts/rabi3.otf") format("opentype"), /* Other browsers ááãÊÕÝÍÇÊ ÇáÃÎÑì */ url("fonts/rabi3.ttf") format("truetype"); /* Safari, Android, iOS ááãÊÕÝÍÇÊ ÇáåæÇÊÝ æÈÞíÉ ÇáãÊÕÝÍÇÊ ÇáÍÏíËÉ */ } body,td,th { } #footer .rabi3_link { height: 52px; width: 76px; position: absolute; left: 18px; top: 25px; } #Header_ba { height: 240px; background-image: url(ahl_alsona/header_ba.jpg); width: 1260px; margin-right: auto; margin-left: auto; } #Header_ba #Header_pic { height: 240px; background-image: url(ahl_alsona/Header.PNG); width: 1260px; margin-right: auto; margin-left: auto; position: relative; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #1C1C10; background-image: url(ahl_alsona/ba.gif); } #output { width: 990px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; position: relative; background-color: #FFF; } #Header_ba #Header_pic .home_link { height: 43px; width: 38px; position: absolute; left: 931px; top: 156px; } #footer { width: 1260px; margin-right: auto; margin-left: auto; height: 81px; background-image: url(ahl_alsona/Footer.jpg); position: relative; } #navbar_ { position:absolute; width:904px; height:74px; z-index:20; left: 14px; top: 177px; } #Header_ba #Header_pic #navbar #wrap { position: relative; } #footer_t1 { position:absolute; width:781px; height:31px; z-index:1; left: 207px; top: 46px; font-family: Rabi3; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; color: #000; direction: rtl; } #fac_t_y_icons { position:absolute; width:39px; height:203px; z-index:1; left: 1012px; top: 89px; } #apDiv1 { position:absolute; width:449px; height:63px; z-index:2; left: 8px; top: 181px; } #ads_efct { position:absolute; width:469px; height:59px; z-index:2; left: 8px; top: 64px; } #date_ { position:absolute; width:368px; height:13px; z-index:3; left: 26px; top: 9px; } #apDiv2 { position:absolute; width:943px; height:54px; z-index:4; left: 4px; top: 180px; } /* Dropdowns Menu */ #pop { margin: 0; padding: 0; list-style: none; color: #1AA0C7; } #pop li ul { margin: 0; list-style: none; padding-top: 1; padding-right: 5; padding-bottom: 1; padding-left: 5; } #pop li { float: right; position: relative; padding: 0px; border-left-width: thin; border-left-style: dotted; border-left-color: #FFF; z-index: 2; margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px; } #pop li li { width: 100px; margin: 0; padding: 0; } #pop li a, #pop li a:link, #pop li a:visited { color: #FFF; text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; margin: 0px; } #pop li a:hover, #pop li a:active { color: #FF0; display: block; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ text-align: center; } #pop li li a, #pop li li a:link, #pop li li a:visited { color:#FFF; width: 100px; margin: 0px; background-color: #013648; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; float: right; border-top-width: 1px; border-top-style: dotted; border-top-color: #024A63; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ } #pop li li a:hover, #pop li li a:active { color: #000; background-color: #016481; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 0px; margin: 0px; } #pop li ul { position: absolute; width: 100px; display: none; right: 0; margin: 0px; padding: 0px; } #pop li:hover ul { display: block; } #Header_ba #Header_pic #navbar_ #pop li ul li a { text-decoration: none; margin: 0px; width: 120px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 0px; } </style> </head> <body> <div id="Header_ba"> <div id="Header_pic"> <div id="date_"><script language="JavaScript"> var fixd; function isGregLeapYear(year) { return year%4 == 0 && year%100 != 0 || year%400 == 0; } function gregToFixed(year, month, day) { var a = Math.floor((year - 1) / 4); var b = Math.floor((year - 1) / 100); var c = Math.floor((year - 1) / 400); var d = Math.floor((367 * month - 362) / 12); if (month <= 2) e = 0; else if (month > 2 && isGregLeapYear(year)) e = -1; else e = -2; return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day; } function Hijri(year, month, day) { this.year = year; this.month = month; this.day = day; this.toFixed = hijriToFixed; this.toString = hijriToString; } function hijriToFixed() { return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 + Math.floor((3 + 11 * this.year) / 30) + 227015 - 1; } function hijriToString() { var months = new Array("ãÍÑã","ÕÝÑ","ÑÈíÚ Ãæá","ÑÈíÚ ËÇäì","ÌãÇÏì Ãæá","ÌãÇÏì ËÇäì","ÑÌÈ","ÔÚÈÇä","ÑãÖÇä","ÔæÇá","Ðæ ÇáÞÚÏÉ","Ðæ ÇáÍÌÉ"); return this.day + " " + months[this.month - 1]+ " " + this.year; } function fixedToHijri(f) { var i=new Hijri(1100, 1, 1); i.year = Math.floor((30 * (f - 227015) + 10646) / 10631); var i2=new Hijri(i.year, 1, 1); var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1; i.month = Math.min(m, 12); i2.year = i.year; i2.month = i.month; i2.day = 1; i.day = f - i2.toFixed() + 1; return i; } var tod=new Date(); var weekday=new Array("ÇáÃÍÏ","ÇáÅËäíä","ÇáËáÇËÇÁ","ÇáÃÑÈÚÇÁ","ÇáÎãíÓ","ÇáÌãÚÉ","ÇáÓÈÊ"); var monthname=new Array("íäÇíÑ","ÝÈÑÇíÑ","ãÇÑÓ","ÅÈÑíá","ãÇíæ","íæäíæ","íæáíæ","ÃÛÓØÓ","ÓÈÊãÈÑ","ÃßÊæÈÑ","äæÝãÈÑ","ÏíÓãÈÑ"); var y = tod.getFullYear(); var m = tod.getMonth(); var d = tod.getDate(); var dow = tod.getDay(); document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y); m++; fixd=gregToFixed(y, m, d); var h=new Hijri(1421, 11, 28); h = fixedToHijri(fixd); document.write(" ãíáÇÏì - " + h.toString() + " åÌÑì "); </script></div> <div id="navbar_" style="position: absolute; left: 72px; top: 179px; width: 984px"> <!-- NavBar --> <ul id="pop"> <li ><a href="http://www.ahl-alsonah.com"> <div align="center"><img src="ahl_alsona/i1.png" /></div><div align="center"> ÇáãæÞÚ</div></a></li> <li><a href="#"> <div align="center"><img src="ahl_alsona/i2.png" width="40" height="35" /></div><div align="center"> ÇáãäÊÏíÇÊ</div></a> <ul dir="rtl"> <li><a href="">ÇáãäÊÏíÇÊ ÇáÚÇãÉ</a></li> <li><a href="http://www.ahl-alsonah.com/shobohat">ÔÈåÇÊ æÑÏæÏ</a></li> <li><a href="http://www.ahl-alsonah.com/akhawat">Ñßä ÇáÃÎæÇÊ</a></li> </ul> </li> <li><a href="http://www.ahl-alsonah.com/cat-QuranMP3-2.html"> <div align="center"><img src="ahl_alsona/i8.png" width="40" height="35" /></div><div align="center"> ÇáÞÑÂä ÇáßÑíã </div></a></li> <li><a href="#"> <div align="center"><img src="ahl_alsona/i3.png" width="40" height="35" /></div><div align="center"> ÇáÕæÊíÇÊ</div></a> <ul dir="rtl"> <li><a href="http://www.ahl-alsonah.com/catsmktba-3.html">ÇáÎØÈ æÇáÏÑæÓ</a></li> <li><a href="http://www.ahl-alsonah.com/cat-anasheed-8.html">ÇáÃäÇÔíÏ</a></li> <li><a href="http://www.ahl-alsonah.com/cat-flash-5.html">ÇáÝáÇÔÇÊ</a></li> </ul> </li> <li><a href="http://www.ahl-alsonah.com/cat-youtube-11287.html"> <div align="center"><img src="ahl_alsona/i4.png" width="40" height="35" /></div><div align="center"> ÇáãÑÆíÇÊ</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-Islamic-articles-4.html"> <div align="center"><img src="ahl_alsona/i5.png" width="40" height="35" /></div><div align="center"> ÇáãÞÇáÇÊ</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-ftwa-25.html"> <div align="center"><img src="ahl_alsona/i10.png" width="40" height="35" /></div><div align="center"> ÇáÝÊÇæì</div></a></li> <li><a href="http://www.ahl-alsonah.com/cat-book-9.html"> <div align="center"><img src="ahl_alsona/i6.png" width="40" height="35" /></div><div align="center"> ÇáßÊÈ</div></a> </li> <li><a href="http://www.ahl-alsonah.com/up"> <div align="center"><img src="ahl_alsona/i9.png" width="40" height="35" /></div> <div align="center">ãÑßÒ ÇáÊÍãíá</div></a> </li> <li><a href="http://www.ahl-alsonah.com/d3m"> <div align="center"><img src="ahl_alsona/i7.png" width="40" height="35" /></div> <div align="center">ÇÏÚã ÇáãæÞÚ</div></a> </li> </ul> </div></div> </div> </div> <div id="output" style="width: 0px; height: 0px"> <div></div> </div> <br/> <br/> <br/> <!--pbb.logo.end--> {template}main_bar{/template} <!-- action_find_addons_2 -->
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 05:35 مساءً [6]
-
معلومات الكاتب
-
السلام عليكم أعلم انى اتعبتك معي جزاك الله خيراً
ماذل كما هو لم يتغير
فقط انبه حضرتك أن الكود به خطأ فى ترميز اللغة العربية وانا عدلته هنا header.txt
وهنا رابط صفحة التسجيل والشروط تظهر وكأنها خارج المنتدى بدون استايل هذا ما اقصده
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 05:58 مساءً [8]
-
معلومات الكاتب
-
رجعت القالب الاصلي ويبقى الوضع كما هو عليه
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 06:14 مساءً [9]
-
معلومات الكاتب
-
اها طيب انا عندي حل لمشكلتك
افتح قالب header_bar
وغيرو بذلك
CODE<div id="header_bar"> <ul class="pbbList_inline"> {if !{$_CONF['member_permission']}} <li style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> <a href="index.php?page=register&index=1" title="{$lang['register']}" id="register_link">{$lang['register']}</a> </li> <li style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> <a href="index.php?page=login&sign=1" title="{$lang['Login_mem']}" id="sign_link">{$lang['Login_mem']}</a> </li> {else} <li style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> <a href="index.php?page=usercp&index=1" title="{$lang['usercp']}" id="usercp_link" >{$lang['usercp']}</a> </li style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> <li style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> <a href="index.php?page=logout&index=1" id="logout_link" title="{$lang['logout']}">{$lang['logout']}</a> </li> <li class="alerts-switch" style="margin: 0 3px; display:inline-block; list-style:none; float: right;"> {if {$_CONF['member_permission']}} {if {$all_alerts_num} > 0} <a href="javascript:switchMenuNone('alerts')" class="alerts">{$lang['alerts']} : <strong>{$all_alerts_num}</strong> <img border="0" cellspacing="1" src="{$image_path}/menu_open.gif" /></a> {template}alerts{/template} {/if} {/if} <!-- action_find_addons_2 --> </li> <li class="UserPhotoli" style="margin: 0 3px; display:inline-block; list-style:none; float: left;"> {if {$_CONF['info_row']['allow_avatar']}} {if {$_CONF['rows']['member_row']['avater_path']} != ''} <a class="UserPhotoLink" href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}"> <img src="{$_CONF['rows']['member_row']['avater_path']}" alt="Photo" class="UserPhoto UserPhoto_mini"> </a> {else} <a class="UserPhotoLink" href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}"> <img src="{$image_path}/ {$_CONF['info_row']['default_avatar']}" class="UserPhoto UserPhoto_mini"> </a> {/if} {/if} </li> <li style="margin: 0 3px; display:inline-block; list-style:none; float: left;"> <span class="welcomelink">{$lang['Hello_your']} </span> <span class="username_link"> <a href="index.php?page=profile&show=1&id={$_CONF['rows']['member_row']['id']}" title="{$lang['Last_visit']} ({$lastvisit})"> ({$username_style})</a> </span> {if {$_CONF['info_row']['pm_feature']}} {if {$_CONF['rows']['group_info']['use_pm']} == 1} <span class="memberlink"> <a href="index.php?page=pm_list&list=1&folder=inbox">{$lang['Private_Messages']}</a>: ({$pm_num}) </span> {/if} {/if} {if {$_CONF['rows']['member_row']['usergroup']} == 5} <span class="memberlink"> <a href="index.php?page=forget&active_member=1&send_active_code=1">{$lang['send_active_code']}</a> </span> {/if} </li> {/if} {if !{$_CONF['member_permission']}} <li style="margin: 0 3px; display:inline-block; list-style:none; float: left;"> <form method="post" action="index.php?page=login&login=1"> <input type="text" class="login_input" name="username" value="{$lang['username']}" onfocus="if (this.value == '{$lang['username']}') this.value = '';" size="12" /> <input type="password" class="login_input" name="password" value="pass" onfocus="if (this.value == 'pass') this.value = '';" size="12"/> <input type="submit" class="submit_login" value="{$lang['login']}" /> <input type="checkbox" name="temporary" value="on" id="fp1" /> {$lang['Temp_login']} </form> </li> {/if} </ul> </div>
ثم افتح الcss الخاص بالاستايل وعدل كلاس
CODE#header_bar<br />
بذلك
CODEbackground-position: #990099;
background: #333333;
padding: 10px;
font: 11px Tahoma;
color: #fff;
height: 27px;
بعد التجربه اخبرني بالنتيجه
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 10:16 مساءً [10]
-
معلومات الكاتب
-
اايضا فعلت وفشلت المحاولة اشكراً واسف على الإزعاج جزاك الله خيراً
-
-
خطأ فى الإستايل برجاء المساعدة فى حله02-01-2013 11:00 مساءً [11]
-
معلومات الكاتب
-
-
-