أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

خطأ فى الإستايل برجاء المساعدة فى حله

السلام عليكم ورحمة الله وبركاته أنا استخدم الإستايل الإفتراضي ولكن تم التعديل عليه حتى يتم ربطه بالموقع الرئيسي نقلت قالب الهيدر كامل من استايل ال


موضوع مغلق


01-01-2013 11:23 مساءً
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
السلام عليكم ورحمة الله وبركاته

أنا استخدم الإستايل الإفتراضي ولكن تم التعديل عليه حتى يتم ربطه بالموقع الرئيسي
نقلت قالب الهيدر كامل من استايل الموقع الى استايل المنتدى بعد تعديل على تمديد الهيدر وحجم الهيدر ايضاً

الخطأ أن قالب ظهور الإعلانات لا يظهر أو منطقة ظهور الإعلانات لا يظهر فيها الاعلانات على الرغم ان كل التعديل فى الهيدر فقط !
القصد المنطقة المتواجده اسفل الهيدر مباشرة
أتمنى توضيح أين الخلل بالضبط وكيف تعديله لو تكرمتم

الخطأ الاخر هو صفحة التسجيل فى الموقع تظهر وكأنها غير خارج المنتدي دون اى تنسيق مع الاستايل ! فأين الخلل وكيف التعديل ؟؟

http://ahl-alsonah.com/vb
تم تحرير الموضوع بواسطة :ahl-alsonah.com بتاريخ:01-01-2013 11:23 مساءً

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 01:05 صباحاً   [1]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
قالب الهيدر لو سمحت ارفقه هنا

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 01:07 صباحاً   [2]
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
هذا قالب الهيدر attach header.txt
 
 


look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 12:51 مساءً   [3]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
تفضل جرب هذا التعديل
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 -->

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 01:28 مساءً   [4]
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
أخي جزاك الله خيراً وبارك الله فيك


اشكراً جداً جعله الله فى ميزان حسناتك

ولكن صفحة التسجيل ماذلت تظهر وكأنها خارج الإستايل


تم تحرير المشاركة بواسطة :ahl-alsonah.com بتاريخ:02-01-2013 01:32 مساءً


look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 02:07 مساءً   [5]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
تفضل جرب هذا التعديل

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 -->

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 05:35 مساءً   [6]
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
السلام عليكم أعلم انى اتعبتك معي جزاك الله خيراً

ماذل كما هو لم يتغير
فقط انبه حضرتك أن الكود به خطأ فى ترميز اللغة العربية وانا عدلته هنا attach header.txt

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


look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 05:54 مساءً   [7]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
اذن ابحث عن
header_bar
وقن باسترجاع القالب الاصلي له
وقم باخباري

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 05:58 مساءً   [8]
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
رجعت القالب الاصلي ويبقى الوضع كما هو عليه :(

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 06:14 مساءً   [9]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
اها طيب انا عندي حل لمشكلتك

افتح قالب 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

بذلك
CODE
    background-position: #990099;
    background: #333333;
    padding: 10px;
    font: 11px Tahoma;
    color: #fff;
    height: 27px;



بعد التجربه اخبرني بالنتيجه

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 10:16 مساءً   [10]
معلومات الكاتب ▼
انضم في : 26-09-2010
رقم العضوية : 719
المشاركات : 87
الجنس :
قوة السمعة : 57
موقعي : زيارة موقعي
اايضا فعلت وفشلت المحاولة :( اشكراً واسف على الإزعاج جزاك الله خيراً

look/images/icons/i1.gif خطأ فى الإستايل برجاء المساعدة فى حله
  02-01-2013 11:00 مساءً   [11]
معلومات الكاتب ▼
انضم في : 20-10-2011
رقم العضوية : 1,891
المشاركات : 1,381
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 3-1-1993
الدعوات : 3
قوة السمعة : 8,644
موقعي : زيارة موقعي
العضو غائب يتم الان تحديث كافه الاستايلات والشروحات الخاصه بايجي مافيا
ولا يهمك طيب سيب كل حاجه عملتها وعدل قالب الهيدر بالكود ده

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 ????IC? C?EC?? ?? ?E??? C????E???? */
            src: url("fonts/rabi3.eot?") format("eot"), /* IE 6-8 ?? C???IC? C??CI? ?E? C?EC?? ?? ?E??? C????E???? */
                 url("fonts/rabi3.otf") format("opentype"), /* Other browsers ???E???CE C??I?? */
                 url("fonts/rabi3.ttf") format("truetype"); /* Safari, Android, iOS ???E???CE C???CE? ?E??E C??E???CE C??I?EE */
    }



  
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}header_bar{/template}
{template}main_bar{/template}
<!-- action_find_addons_2 -->


ان شاء الله تعالي ينجح هذه المره



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
بعض المشاكل في الإستايل ABDURHMAN
6 1308 شيماء وفيق
كيف جعل المنتديات الفرعية على الإستايل الافتراضي تنبثق بقائمة بمنسدلة عند مرور الماوس khalida
1 828 khalida
أرجو أن تحولوا هذا الإستايل الرمضاني الجميل لمنتديات PBBoard AKRAM
1 856 AKRAM
[مجابه] كيف أعدل ألوان الإستايل قصي العداربة
5 1151 ezzeldean
تغيير جهة الإستايلات الأجنبية من اليسار إلى اليمين محمد
8 1214 ezzeldean

الكلمات الدلالية
لا يوجد كلمات دلالية ..









الساعة الآن 03:43 PM