قرار دادن هدر داخل کادر

[arianik]

باید تو قسمت گلوبال سی اس اس یه کلاس تعریف کنی و پارامترهای اون کلاس رو تعریف کنی و یه اسم به اون کلاس مورد نظر بدی . بعد که تموم شد تو قسمت تمپلیت هدر ، تعریف کنی که از اون کلاس پیروی کنه

[Srbija]

آریا جان منظورت رو عین هلو فهمیدم ، این کارو کردم
تو گلوبال سی اس اس یه کلاس به نام لوگو ساختم و و توی هدر از کلاس اون پیروی دادم ولی بازم نشد.

شاید من اسم کلاسی که تعریف کردم رو نباید لوگو میزاشتم، اگه میشه یه کم راهنمایی بیشتر بکن.

[arianik]

کلاس logo که خود مای بی بی داره . یه اسم دیگه بذار

[Srbija]

اتفاقاً برای من هم عجیب بود که چرا کلاس logo رو نداشت گلوبال سی اس اس من!
شاید من اشتباه میکنم ولی کلاس لوگو رو ندیدم تو این قالبی که من استفاده میکنم!

کُدهای گلوبال:

کد php:

body {
    background: #FFFFFF url(images/ACMilan/bg.jpg);
    color: #000;
    text-align: center;
    line-height: 1.4;

    padding: 30px 40 40 40;
    margin: auto;
    font-family: tahoma;
    font-size: 11px;
}

a:link {
    color: #6f3642;
    text-decoration: none;
}

a:visited {
    color: #A30808;
    text-decoration: none;
}

a:hover, a:active {
    color: #ff6600;
    text-decoration: underline;
}

#container {
    background: #ffffff url(images/ACMilan/back.gif);
    width: 920px;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: right;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu ul {
        background: #ffffff url(images/ACMilan/tcat_bg.gif);
        font-size: 14px;        
        border: 1px solid #DAA520;
           padding: 8px;
        margin: auto auto;
        text-align: center;
        -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.menu ul a:link {
    color: #fcd663;
    text-decoration: none;
}

.menu ul a:visited {
    color: #fcd663;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #ff6600;
    text-decoration: none;
}

#panel {
    background: #ffffff url(images/ACMilan/Panel.png);
    color: #000000;
    border: 1px solid #DAA520;
    padding: 3px;
    font-size: 11px;
    margin-top: 3px;
    -moz-border-radius: 7px;
}

table {
    color: #000000;
    font-size: 12px;
}

.tborder {
    background: #ffffff;
    width: 100%;
    margin: auto auto;
    border: 1px solid #DAA520;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.thead {

    background: #3daceb  url(images/ACMilan/thead_bg.gif) top left repeat-x;
    color: #82572a;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.thead a:link {
    color: #82572a;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #82572a;
    text-decoration: underline;
}

.tcat {
    background: #73BEF6 url(images/ACMilan/tcat_bg.gif);
    color: #ffffff;
    font-size: 12px;
}

.tcat a:link {
    color: #FFFFFF;
}

.tcat a:visited {
    color: #FFFFFF;
}

.tcat a:hover, .tcat a:active {
    color: #ff6600;
}

.trow1 {
    background: #FFFFFF url(images/ACMilan/trow1.png);
}

.trow2 {
    background: #ffffff url(images/ACMilan/trow2.png);
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FE0101;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #9ddaff  url(images/ACMilan/tcat_bg.gif);
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #F9F9F9 url(images/ACMilan/tcat_bg.gif);
    color: #000000;
    border: 1px solid #DAA520;
    padding: 8px;
    -moz-border-radius:7px;
}

.navigation {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
}

textarea {
    background: #FFFFFF url(images/ACMilan/textbg.gif);
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: tahoma; 
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    padding-right: 22px;
    
    font-size: 11px;
    font-weight: bold;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    padding-right: 22px;
    
    font-size: 11px;
    font-weight: bold;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-right: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: left;
}

.expcolimage {
    width: auto;
    float: left;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    margin: 0;
    padding: 10px 0 0 0;
    padding-left: 10px;
    padding-top: 10px;
    text-align: center;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    
    font-weight: normal;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    max-width: 875px;
    display: block;
    direction: ltr;
    text-align: left;
    font-family: tahoma;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    background: url(images/error.gif) no-repeat 0;
    color: #C00;
    padding-left: 24px;
    display: block;
    
    font-style: normal;
    font-weight: bold;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    m?rgin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-left: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: right;
    margin-right: 10px;
}

.forum_legend dt {
    margin-left: 10px;
    float: right;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px;
    vertical-align: middle;
    border: none;
}

.postbox {
    border-left: 2px dashed #1dabcc;
    border-right: 2px dashed #1dabcc;
    border-top: 0px dashed #D4D4D4;
    border-bottom: 0px dashed #D4D4D4;
    padding: 2px;
}

.foot {
    background: #ffffff url(images/ACMilan/back.gif);
    width: 952px;
    color: #0000;
    padding: 4px;
}

.foot a:link {
    color: #026CB1;
    text-decoration: none;
}

.foot a:visited {
    color: #026CB1;
    text-decoration: none;
}

.foot a:hover, .menu ul a:active {
    color: #ff6600;
    text-decoration: none;
}

.subforumsotun {
    float:right;
    width:50%;
    overflow:hidden;
}

#nav a {
color:#fff; text-decoration:none;
}

#nav {
 float:left; width:100%; background:#111; margin:0; padding:0; color:#fff;
}

#nav li {
float:left; list-style:none; padding:10px; position:relative;
}

#nav li:hover {
background:#f9f9f9;
}

#nav li:hover > a {
color:#000;
}

#nav li ul {
display:none; position:absolute; background:#111; border-top:2px solid #222; top:100%; left:0; margin:0; padding:0;
}

#nav li ul li {
min-width:150px;
}

#nav li:hover ul {
display:block;
} 


[arianik]

الان این کلاسی که ساختی کوش ؟ توی این کدها که نیست
یه کلاس بساز اسمشم هرچی میخای بذار . مثلا MMMM بعد نتیجه رو چک کن دیگه . لوگو هم بیخیال اصلا

[Srbija]

آریا دیدم کلاس لوگو کار نمیکنه پاکش کردم!
گفتم که تو حالت پیش فرض کلاس لوگو وجود خارجی نداره که من با توجه به کُد های داخل هدرم کلاس لوگو رو که مرتبط بود با اون چیزی که مد نظرم بود اضافه کردم ولی نتیجه حاصل نشد.

الان شما فکر کنم من یه کلاس تعریف کردم به نام مثلاً فیبا مثل این و فرض رو بر این میگیرم که گذاشتمش تو گلوبال ، این کُد هارو گذاشتم تو گلوبال !

کد php:

#fiba{
    background: #ffffff url(images/ACMilan/Panel.png);
    color: #000000;
    border: 1px solid #DAA520;
    padding: 3px;
    font-size: 11px;
    margin-top: 3px;
    -moz-border-radius: 7px;
} 


با توجه به کُدهای هدرم که الان این پایین میزارم، شما بگو با نام fiba چه تغییری باید تو کُدهای پایین که مربوط به هدر هست باید بدم؟

کدهای هدر

کد php:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><br />
            <div class="menu ul">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>

        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
 {$headerannounce}<!-- ProfileComments -->
            {$commentalert}<!-- /ProfileComments -->
 <!-- NewCommentInImage -->
            {$alertprofilealbums}<!-- /NewCommentInImage -->
 
 
            {$pending_joinrequests}
            {$repost}
            <navigation>
            <br /> 


[LAXER]

کد:

با توجه به کُدهای هدرم که الان این پایین میزارم، شما بگو با نام fiba چه تغییری باید تو کُدهای پایین که مربوط به هدر هست باید بدم؟

کدهای هدر



کد php:



<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="fiba"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><br />
            <div class="menu ul">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>

        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}<!-- ProfileComments -->
            {$commentalert}<!-- /ProfileComments -->
<!-- NewCommentInImage -->
            {$alertprofilealbums}<!-- /NewCommentInImage -->


            {$pending_joinrequests}
            {$repost}
            <navigation>
            <br />

تو گلوبال هم فیبا رو از حالت ایدی خارج و به حال کلاس ببر:

کد:

.fiba{
    background: #ffffff url(images/ACMilan/Panel.png);
    color: #000000;
    border: 1px solid #DAA520;
    padding: 3px;
    font-size: 11px;
    margin-top: 3px;
    -moz-border-radius: 7px;
}

[!Omid StaR!]

این کد های تبلیغات پشتیبانی که میگی >کدهای هیدر مای بی بی ایران در قسمت تبلیغات

کد php:

<!-- end: header_welcomeblock_member -->

<div class="">


<table width="100%" style="line-height:60px" class="spons_bnr">
<tr>
<td><a href="http://tvdown.in" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1392296890.gif" alt="تبلیغات"></a></td>


<td>


<td><a href="http://www.form2online.com" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1336095710.gif" alt="تبلیغات"></a></td>
</td>



</tr>
</table>
<table width="100%" style="line-height:60px" class="spons_bnr">
<tr>
<td><a href="http://www.irserver.com/" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1387622489.gif" alt="تبلیغات"></a></td>
<td><object classid="clsid 4 27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://mybbiran.com/Emsi_new.swf" />
<embed type="application/x-shockwave-flash" width="468" height="60" src="http://mybbiran.com/Emsi_new.swf">
</embed></object>
</td>
</tr>
</table> 


[arianik]

کد php:

<div id="container"> 


تو این قسمت container رو به fiba تغییر بده

---

این کد های تبلیغات پشتیبانی که میگی >کدهای هیدر مای بی بی ایران در قسمت تبلیغات

کد php:

<!-- end: header_welcomeblock_member -->

<div class="">


<table width="100%" style="line-height:60px" class="spons_bnr">
<tr>
<td><a href="http://tvdown.in" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1392296890.gif" alt="تبلیغات"></a></td>


<td>


<td><a href="http://www.form2online.com" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1336095710.gif" alt="تبلیغات"></a></td>
</td>



</tr>
</table>
<table width="100%" style="line-height:60px" class="spons_bnr">
<tr>
<td><a href="http://www.irserver.com/" target="_blank"><img src="http://www.mybbiran.com/upload/uploads/1387622489.gif" alt="تبلیغات"></a></td>
<td><object classid="clsid 4 27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://mybbiran.com/Emsi_new.swf" />
<embed type="application/x-shockwave-flash" width="468" height="60" src="http://mybbiran.com/Emsi_new.swf">
</embed></object>
</td>
</tr>
</table> 


داداش تو چرا قفل کردی رو تبلیغات ؟ این بنده ی خدا هی میده هیدر ، شما هی کد تبلیغاتو میذاری ؟
ضمنا اینکه از روی صفحه view page source گرفتن رو که دیگه هر کسی بلده رفیق . یه چی بگو به درد طرف بخوره

[Srbija]

دوست عزیز ممنونم مشکل حد شد تنها با برداشتن # از کنار اون کدها مشکل به خوبی رفع و رجوع شد.