مرجع پارسی MyBB

نسخه‌ی کامل: قرار دادن هدر داخل کادر
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
صفحه‌ها: 1 2 3 4
باید تو قسمت گلوبال سی اس اس یه کلاس تعریف کنی و پارامترهای اون کلاس رو تعریف کنی و یه اسم به اون کلاس مورد نظر بدی . بعد که تموم شد تو قسمت تمپلیت هدر ، تعریف کنی که از اون کلاس پیروی کنه
آریا جان منظورت رو عین هلو فهمیدم ، این کارو کردم
تو گلوبال سی اس اس یه کلاس به نام لوگو ساختم و و توی هدر از کلاس اون پیروی دادم ولی بازم نشد.

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

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

کد php:
body {
    
background#FFFFFF url(images/ACMilan/bg.jpg);
    
color#000;
    
text-aligncenter;
    
line-height1.4;

    
padding30px 40 40 40;
    
marginauto;
    
font-familytahoma;
    
font-size11px;
}

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

a:visited {
    
color#A30808;
    
text-decorationnone;
}

a:hovera:active {
    
color#ff6600;
    
text-decorationunderline;
}

#container {
    
background#ffffff url(images/ACMilan/back.gif);
    
width920px;
    
color#000000;
    
marginauto auto;
    
padding20px;
    
text-alignright;
}

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

.
menu ul {
        
background#ffffff url(images/ACMilan/tcat_bg.gif);
        
font-size14px;        
        
border1px solid #DAA520;
           
padding8px;
        
marginauto auto;
        
text-aligncenter;
        -
moz-border-radius-topleft5px;
    -
webkit-border-top-left-radius5px;
    -
moz-border-radius-topright5px;
    -
webkit-border-top-right-radius5px;
    -
moz-border-radius-bottomleft5px;
    -
webkit-border-bottom-left-radius5px;
    -
moz-border-radius-bottomright5px;
    -
webkit-border-bottom-right-radius5px;
}

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

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

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

#panel {
    
background#ffffff url(images/ACMilan/Panel.png);
    
color#000000;
    
border1px solid #DAA520;
    
padding3px;
    
font-size11px;
    
margin-top3px;
    -
moz-border-radius7px;
}

table {
    
color#000000;
    
font-size12px;
}

.
tborder {
    
background#ffffff;
    
width100%;
    
marginauto auto;
    
border1px solid #DAA520;
    
-moz-border-radius-topleft5px;
    -
moz-border-radius-topright5px;
    -
webkit-border-top-left-radius5px;
    -
webkit-border-top-right-radius5px;
    
border-top-left-radius5px;
    
border-top-right-radius5px;
}
.
thead {

    
background#3daceb  url(images/ACMilan/thead_bg.gif) top left repeat-x;
    
color#82572a;
    
-moz-border-radius-topleft5px;
    -
moz-border-radius-topright5px;
    -
webkit-border-top-left-radius5px;
    -
webkit-border-top-right-radius5px;
    
border-top-left-radius5px;
    
border-top-right-radius5px;
}

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

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

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

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

.
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-size12px;
    
font-weightbold;
}

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

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

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

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

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

.
navigation {
    
color#000000;
    
font-size12px;
    
font-weightbold;
}

.
navigation a:link {
    
text-decorationnone;
}

.
navigation a:visited {
    
text-decorationnone;
}

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

.
navigation .active {
    
color#000;
    
font-sizesmall;
    
font-weightbold;
}

.
smalltext {
    
font-size11px;
}

.
largetext {
    
font-size16px;
    
font-weightbold;
}

input.textbox {
    
background#ffffff;
    
color#000000;
    
border1px solid #0f5c8e;
    
padding1px;
}

textarea {
    
background#FFFFFF url(images/ACMilan/textbg.gif);
    
color#000000;
    
border1px solid #0f5c8e;
    
padding2px;
    
font-familytahoma
    
line-height1.4;
    
font-size13px;
}

select {
    
background#ffffff;
    
border1px solid #0f5c8e;
}

.
editor {
    
background#f1f1f1;
    
border1px solid #ccc;
}

.
editor_control_bar {
    
background#fff;
    
border1px solid #0f5c8e;
}

.
autocomplete {
    
background#fff;
    
border1px solid #000;
    
colorblack;
}

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

.
popup_menu {
    
background#ccc;
    
border1px 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 {
    
colorgreen;
}

.
reputation_neutral {
    
color#444;
}

.
reputation_negative {
    
colorred;
}

.
invalid_field {
    
border1px solid #f30;
    
color#f30;
}

.
valid_field {
    
border1px solid #0c0;
}

.
validation_error {
    
backgroundurl(images/invalid.gifno-repeat center left;
    
color#f30;
    
margin5px 0;
    
padding5px;
    
padding-right22px;
    
    
font-size11px;
    
font-weightbold;
}

.
validation_success {
    
backgroundurl(images/valid.gifno-repeat center left;
    
color#00b200;
    
margin5px 0;
    
padding5px;
    
padding-right22px;
    
    
font-size11px;
    
font-weightbold;
}

.
validation_loading {
    
backgroundurl(images/spinner.gifno-repeat center left;
    
color#555;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-right22px;
}

/* Additional CSS (Master) */
img {
    
bordernone;
}

.
clear {
    
clearboth;
}

.
hidden {
    
displaynone;
    
floatnone;
    
width1%;
}

.
float_left {
    
floatleft;
}

.
float_right {
    
floatright;
}

.
menu ul {
    list-
stylenone;
    
margin0;
}

.
menu li {
    
displayinline;
    
padding-left5px;
}

.
menu img {
    
padding-right5px;
    
vertical-aligntop;
}

#panel .links {
    
margin0;
    
floatleft;
}

.
expcolimage {
    
widthauto;
    
floatleft;
    
vertical-alignmiddle;
    
margin-top3px;
}

img.attachment {
    
border1px solid #E9E5D7;
    
padding2px;
}

hr {
    
background-color#000000;
    
color#000000;
    
height1px;
    
border0px;
}

#copyright {
    
margin0;
    
padding10px 0 0 0;
    
padding-left10px;
    
padding-top10px;
    
text-aligncenter;
}

#debug {
    
floatright;
    
text-alignright;
    
margin-top0;
}

blockquote {
    
border1px solid #ccc;
    
margin0;
    
background#fff;
    
padding4px;
}

blockquote cite {
    
font-weightbold;
    
border-bottom1px solid #ccc;
    
font-stylenormal;
    
displayblock;
    
margin4px 0;
}

blockquote cite span {
    
floatright;
    
    
font-weightnormal;
}

.
codeblock {
    
background#fff;
    
border1px solid #ccc;
    
padding4px;
}

.
codeblock .title {
    
border-bottom1px solid #ccc;
    
font-weightbold;
    
margin4px 0;
}

.
codeblock code {
    
overflowauto;
    
heightauto;
    
max-height200px;
    
max-width875px;
    
displayblock;
    
directionltr;
    
text-alignleft;
    
font-familytahoma;
    
font-size13px;
}

.
subforumicon {
    
border0;
    
vertical-alignmiddle;
}

.
separator {
    
margin5px;
    
padding0;
    
height0px;
    
font-size1px;
    list-
style-typenone;
}

form {
    
margin0;
    
padding0;
}

.
popup_menu .popup_item_container {
    
margin1px;
    
text-alignleft;
}

.
popup_menu .popup_item {
    
displayblock;
    
padding3px;
    
text-decorationnone;
    
white-spacenowrap;
}

.
popup_menu a.popup_item:hover {
    
text-decorationnone;
}

.
autocomplete {
    
text-alignleft;
}

.
subject_new {
    
font-weightbold;
}

.
highlight {
    
background#FFFFCC;
    
padding3px;
}

.
pm_alert {
    
background#FFF6BF;
    
border1px solid #FFD324;
    
text-aligncenter;
    
padding5px 20px;
    
font-size11px;
}

.
red_alert {
    
background#FBE3E4;
    
border1px solid #A5161A;
    
color#A5161A;
    
text-aligncenter;
    
padding5px 20px;
    
font-size11px;
}

.
high_warning {
    
color#CC0000;
}

.
moderate_warning {
    
color#F3611B;
}

.
low_warning {
    
color#AE5700;
}

div.error {
    
padding5px 10px;
    
border-top2px solid #FFD324;
    
border-bottom2px solid #FFD324;
    
background#FFF6BF;
    
font-size12px;
}

div.error p {
    
margin0;
    
color#000;
    
font-weightnormal;
}

div.error p em {
    
backgroundurl(images/error.gifno-repeat 0;
    
color#C00;
    
padding-left24px;
    
displayblock;
    
    
font-stylenormal;
    
font-weightbold;
}

div.error.ul {
    
margin-left24px;
}

.
online {
    
color#15A018;
}

.
offline {
    
color#C7C7C7;
}

.
pagination {
    
font-size11px;
    
padding-top10px;
    
margin-bottom5px;
}

.
tfoot .pagination, .tcat .pagination {
    
padding-top0;
}

.
pagination .pages {
    
font-weightbold;
}

.
pagination .pagination_current, .pagination a {
    
padding2px 6px;
    
margin-bottom3px;
}

.
pagination a {
    
border1px solid #81A2C4;
}

.
pagination .pagination_current {
    
background#F5F5F5;
    
border1px solid #81A2C4;
    
font-weightbold;
}

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

.
thread_legend, .thread_legend dd {
    
m?rgin0;
    
padding0;
}

.
thread_legend dd {
    
padding-bottom4px;
    
margin-right15px;
}

.
thread_legend img {
    
margin-left4px;
    
vertical-alignbottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
    
margin0;
    
padding0;
}

.
forum_legend dd {
    
floatright;
    
margin-right10px;
}

.
forum_legend dt {
    
margin-left10px;
    
floatright;
}

.
success_message {
    
color#00b200;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
error_message {
    
color#C00;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
post_body {
    
padding5px;
}

.
post_content {
    
padding5px 10px;
}

.
quick_jump {
    
backgroundurl(images/jump.gifno-repeat 0;
    
width13px;
    
height13px;
    
padding-left13px;
    
vertical-alignmiddle;
    
bordernone;
}

.
postbox {
    
border-left2px dashed #1dabcc;
    
border-right2px dashed #1dabcc;
    
border-top0px dashed #D4D4D4;
    
border-bottom0px dashed #D4D4D4;
    
padding2px;
}

.
foot {
    
background#ffffff url(images/ACMilan/back.gif);
    
width952px;
    
color#0000;
    
padding4px;
}

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

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

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

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

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

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

#nav li {
float:left; list-style:nonepadding:10pxposition:relative;
}

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

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

#nav li ul {
display:noneposition:absolutebackground:#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;


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

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

کد php:
#fiba{
    
background#ffffff url(images/ACMilan/Panel.png);
    
color#000000;
    
border1px solid #DAA520;
    
padding3px;
    
font-size11px;
    
margin-top3px;
    -
moz-border-radius7px;


با توجه به کُدهای هدرم که الان این پایین میزارم، شما بگو با نام 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 /> 
کد:
با توجه به کُدهای هدرم که الان این پایین میزارم، شما بگو با نام 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!

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


کد php:
<!-- endheader_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
کد php:
<div id="container"

تو این قسمت container رو به fiba تغییر بده
(۱۳۹۰/۱۰/۵، ۰۹:۴۳:۴۴ صبح)!ArTiN! نوشته است: [ -> ]این کد های تبلیغات پشتیبانی که میگی >کدهای هیدر مای بی بی ایران در قسمت تبلیغاتWink


کد php:
<!-- endheader_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 گرفتن رو که دیگه هر کسی بلده رفیق . یه چی بگو به درد طرف بخوره
دوست عزیز ممنونم مشکل حد شد تنها با برداشتن # از کنار اون کدها مشکل به خوبی رفع و رجوع شد.
صفحه‌ها: 1 2 3 4