الدعم العربي
Adding logo at the top of the board index page - Adding border around board index - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + الأقسام الإدارية + . :: (https://www.mybbarab.com/forum-36.html)
+--- قسم : الأرشـيـف (https://www.mybbarab.com/forum-39.html)
+---- قسم : تطوير منتديات MyBB 1.2 (https://www.mybbarab.com/forum-86.html)
+----- قسم : استايلات و قوالب منتديات ماى بى بى mybb (https://www.mybbarab.com/forum-4.html)
+----- الموضوع : Adding logo at the top of the board index page - Adding border around board index (/thread-1819.html)

الصفحات: 1 2 3 4 5

Re: Adding logo at the top of the board index page - Adding border around board index - Pepo - 2007-12-10

استبدل الهيدر بالتالى
كود :
<a name="top" id="top"></a>
    <div id="container">
        <div id="header">
            <table style="background: url(images/Corporate/tile_back.png) repeat-x;" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="http://pro-designations.info/forum/images/Corporate/head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="http://pro-designations.info/forum/images/Corporate/head_right.gif" alt="" /></td>
  </tr></table>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$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">
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br class="clear" />


Re: Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-10

شكراً جزيلاً اخى العزيز
الصورة المكررة بالوسط الحمد لله ظهرت
بس فى مشكلة صغيرة جداً أللا و هى أن نفس الصورة تظهر فى الجانب الأيمن من الهيدر بالشكل التالى (يحدث عند استخدام كلاً من أوبرا و إنترنت إكسبلولر - فاير فوكس ما فيهوش أى مشاكل):
[صورة: untitled1ec6.th.jpg]

[صورة: untitled2ue4.th.jpg]

شكراً جزيلاً

Re: Adding logo at the top of the board index page - Adding border around board index - Pepo - 2007-12-10

يوجد فى الجزء المتعلق بالـ CSS هذا الكود
كود :
head_log_r{
float: right;
padding-right:0px;
استبدله بالتالى
كود :
head_log_r{
float: right;
padding-right:0px;
margin-right: 0px;


Re: Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-10

انا استبدلته زى ما قلت لى
وده الكود اللى موجود دلوقتى:
كود :
.head_log_l{
float: left;
padding:0px;
}
.head_log_m{
background: url(images/Corporate/tile_back.png) repeat-x;
padding:0px;
}
head_log_r{
float: right;
padding-right:0px;
margin-right: 0px;
}
بس المشكله لسه موجوده أخى العزيز
شكراً جزيلاً


Re: Adding logo at the top of the board index page - Adding border around board index - Pepo - 2007-12-10

لا انت كده ماستبدلش حاجة
ضيف فى اخر الكود السطر التالى
كود :
margin-right: 0px;


Re: Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-10

انا ضايفه
انت لو نزلت بالسهم فى الكود اللى انا بعته فوق هاتلاقيه موجود
وحتى جربت انى اخليه موجود مرتين بس ما نفعش يحل الموضوع برضه
اتمنى من الله ان يلهمك الحل اخى العزيز
شكراً جزيلاً على مجهودك الرائع
وتأكيد على اللى قولته، هو ده الكود اللى موجود فى أسفل الثيم:
كود :
head_log_r{
float: right;
padding-right:0px;
margin-right: 0px;
}


Re: Adding logo at the top of the board index page - Adding border around board index - Pepo - 2007-12-10

فى تمبليت الـ header ابحث عن
كود :
<td class="head_log_r">
استبدلها بالتالى
كود :
<td class="head_log_r" align="right">


Re: Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-10

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

Re: Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-21

بقولك يا بيمبو
انا كنت عمال لسه بحاول فى موضوع انى انا اعمل بوردر حوالين النتدى من الطرفين بس ومش حول المنتدى كله
انا باقصد ان البوردر يكون يمين وشمال بس ومش موجود فوق أو تحت
انا كنت نزلت إستايل BGStyle من المنتدى الأصلى لـ MyBB علشان لقيته عامل البوردر اللى انا بادور على طريقه ليه وقعدت أدور فى ملف الإستايل الموجود تحت لوحة التحكم، بس والله عملت زى اللى قريب من الحاجة ومش عارف يلاقى مفتاح الباب فى الضلمة.
بص يا ريس انا تحت الـ Body (Customized in this style)
Extra CSS Attributes
ده الكود اللى موجود:
كود :
text-align: center; /* IE 5 fix */
line-height: 1.4;
margin: 0px 10px 0px 10px;
background-color:#334349;
scrollbar-face-color: #767D7F;
scrollbar-shadow-color: #374D54;
scrollbar-highlight-color: #83898B;
scrollbar-3dlight-color: #8C9294;
scrollbar-darkshadow-color: #545B5D;
scrollbar-track-color: #2D383C;
scrollbar-arrow-color: #ECF3F5;
وتحت الـ Page Container (Customized in this style)
Extra CSS Attributes
ده الكود اللى موجود:
كود :
background: #737F84;
color: #FFFFFF;
margin: auto auto;
padding: 0px;
text-align: left; /* IE 5 fix */
وتحت الـ Additional CSS
Below you may enter additional CSS to be included with this theme.
ده الكود اللى موجود:
كود :
a:link, a:visited, a:active { font-weight: bold; }
a:hover { font-weight: bold;}

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: 0px;
}

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

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

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
}

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

.pagenav {
    font-weight: bold;
}

.pagenavbit {
    padding-left: 3px;
}

.pagenavbit a {
    text-decoration: none;
}

.pagenavcurrent {
    font-weight: bold;
    padding-left: 3px;
}

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

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

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

.quote_header {
    background: #748187 url(images/bgs/wpbg.gif) top left repeat-x;
    border: 1px solid #1e2a2f;
    color: #FFFFFF;
    font-weight: bold;
    margin: 8px auto 0 auto;
    padding: 4px;
}

.quote_body {
    background: #748187 url(images/bgs/wpbg.gif) top left repeat-x;
    border: 1px solid #1e2a2f;
    border-top: 0;
    color: #FFFFFF;
    padding: 4px;
    margin: 0 auto 8px auto;
}

.code_header {
    background: #748187 url(images/bgs/wpbg.gif) top left repeat-x;
    border: 1px solid #1e2a2f;
    color: #FFFFFF;
    font-weight: bold;
    margin: 8px auto 0 auto;
    padding: 4px;
}

.code_body {
    background: #748187 url(images/bgs/wpbg.gif) top left repeat-x;
    border: 1px solid #1e2a2f;
    border-top: 0;
    color: #FFFFFF;
    padding: 4px;
    margin: 0 auto 8px auto;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 12px;
}
.usercpnav {
    list-style: inside;
    padding: 0;
    margin: 0;
}

.usercpnav li {
    padding: 1px;
    font-size:11px
}

.usercpnav .pmfolders {
    /* PM folders on the UCP Nav menu */
}

.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;
}

.logo { background: #4D585D url(images/bgs/bg.gif) top left repeat-x;
border: 0px solid #1E2A2F;
padding: 0px; margin: 0px;
border-left: 1px solid #1E2A2F;  
border-right: 1px solid #1E2A2F;
}

.tcat_main {
background: url(images/bgs/tcat_main.gif) top left repeat-x;
height: 32px;
width: 100%;
}

.tcat_left {
background: url(images/bgs/tcat_left.gif) top left no-repeat;
height: 32px;
}

.tcat_right{
background: url(images/bgs/tcat_right.gif) top right no-repeat;
height: 32px;
}

.tcat_text {
padding-right: 6px;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 65px;
color: #3A4143;
}

.tcat_text a:link,
.tcat_text a:active,
.tcat_text a:visited {
color: #344044;
text-decoration: none;
font-weight: normal;
}

.tcat_text a:hover {
color: #536D76;
text-decoration: none;
font-weight: normal;
}

.tfoot_main {
background: #3e484d url(images/bgs/tfoot.gif) top left repeat-x;
height: 19px;
border: 1px solid #1e2a2f;
border-top: 1px solid #667378;
}

.main_copyright {
background: url(images/bgs/copyright.gif) top left repeat-x;
padding: 8px;
text-align: center;
border: 1px solid #1e2a2f;
margin-top: 4px;
}

.leftborder {
background: url(images/bgs/leftborder.gif);
}

.rightborder {
background: url(images/bgs/rightborder.gif);
}

.editor_control_bar {
background: #556165;
border: 1px solid #1e2a2f;
border-top: 1px solid #768288;
}

.fd_catlinks a:link,
.fd_catlinks a:visited,
.fd_catlinks a:active,
.fd_catlinks a:hover {
color: #FFFFFF;
text-decoration: underline;
}

فأنا جربت انى اخد الكود الخاص بالصور
إقتباس :.leftborder {
background: url(images/bgs/leftborder.gif);
}

.rightborder {
background: url(images/bgs/rightborder.gif);
}
اللى موجوده البوردر اليمين والشمال واحطه عندى فى أى ستايل وقمت برفع الصور لمجلد الصور الخاصة بالإستايل اللى بجرب معاه
بس برضه ما لقيتش حاجة وقعدت ادور على إسم الصورتين اللى هو حاططهم للبوردر فى كل الـ templates الخاصة بالإستايل بس للأسف كان وقت ضايع ومالقيتش حاجة خالص
وبعت والله للى عمل الإستايل فى المنتدى بتاعه بس والله مردش عليا
فيا ريت لو ينفع تبقى تبص على الحكايه دى يبقى 100 % يا بيمبو
شكراً
محمد

Re: Adding logo at the top of the board index page - Adding border around board index - Pepo - 2007-12-21

وعد انى اول ما اروق هاشوف الموضوع ده تانى
بس ادينى فرصة لأن الأيام دى دماغى فيها الف حاجة بحاول انجزها فى وقت قصير
ومؤقتا اقرى الموضوع ده http://community.mybboard.net/showthread.php?tid=17535
لو افادك كان بها مانفعش هابقة اشوف الموضوع مرة تانية