الدعم العربي
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


Adding logo at the top of the board index page - Adding border around board index - MGadAllah - 2007-12-07

Hi
I want to do two things as follow:
1) I want to have a logo in the board index at the top, and want this logo to contains three images (left image - middle repeated image - right image) which will help to let the logo match and fit any screen resolution
So how to do such a thing?
2) I want to have a border around the whole board index like this image (this image is taken from the original website for MyBB)
[صورة: borderssv8.th.jpg]
So please advice.
I've asked in the MyBB board but really thier reply was not helpful
You can find this thread here
http://community.mybboard.net/showthread.php?tid=26124
So please advice how to do this two things because it is really very important thing.
I hope that I made myself clear
Thanks
Mohamed



Re: Adding logo - Adding border - Pepo - 2007-12-07

for the 1st request please send me a example of the three images you would like to use (any three images that will look like what you need), so I can preview it before provide the template changes.
for the 2nd one, it'll not very hard to do, but wait untill we finish the 1st one.



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

This is an example
head_left.gif is the image to be placed in the left
.gif   head_left.gif (الحجم : 780 بايت / التحميلات : 6)
head_right.gif is the image to be placed in the right
.gif   head_right.gif (الحجم : 787 بايت / التحميلات : 5)
tile_back.png is the picture in the middle which will be repeated all over the space between right and left.
.png   tile_back.png (الحجم : 3.61 ك ب / التحميلات : 5)
Thanks



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

ok replace the following with your header template
كود :
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="head_right.gif" alt="" /></td>
  </tr>
</table>
    <a name="top" id="top"></a>
    <div id="container">
            <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" />
and go to the theme editor, and add the following in the Additional CSS box
كود :
.head_log_l{
float: left;
padding:0px;
}
.head_log_m{
background: url(tile_back.png) repeat-x;
padding:0px;
}
head_log_r{
float: right;
padding-right:0px;
}
please note, that the left image must replaced with a real logo image, bucuase I used it as a link to your index page in the code.
please tell me the result to move to the next reqoust.



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

well ... I've added the three images to the image folder under the theme folder,
I do not know how to explain this
but many thins had been changed
please take a look for what happened
http://pro-designations.info/forum/index.php
and here is the original header I have
كود :
    <a name="top" id="top"></a>
    <div id="container">
        <div id="header">
            <div class="logo"align="center"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$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 - Pepo - 2007-12-08

for the header template, just change it with the one I have posted, but change only the images names you can see it in this part
كود :
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="head_right.gif" alt="" /></td>
  </tr>
</table>
with your images path, and the same thing in the CSS backgtound code



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

This is the code I have in the header template:
كود :
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="head_log_l"><a href="{$mybb->settings['bburl']}/index.php"><img src="head_left.gif" alt="{$mybb->settings['bbname']}" /></a></td>
    <td class="head_log_m">&nbsp;</td>
    <td class="head_log_r"><img src="head_right.gif" alt="" /></td>
  </tr>
</table>
    <a name="top" id="top"></a>
    <div id="container">
            <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" />
So please tell me what is wrong or what I should do?



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

I can't tell you what is wrong, becuase I don't know what the path that contain your images.
for the code above your images must be located at the root forum directory, if not
so tell me where do you put it?



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

I do not know what is wrong
but since I've tried these codes and I got a strange thing in the admin control panel
each time I go to admin control panel I got an error:
Your IP address does not match the administration session.
and keep log me out
and when I removed all codes you told me about from CSS or the header and make them like it was before I found it still the same error
So please advice


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

التغيير اللى قولتلك عليه مالهوش اى علاقة بموضوع تسجيل الدخول او الخروج
ايه اخر التغييرات اللى انت قومت بيها؟
غير موضوع التمبليت والـ css ؟

وبعدين خلينا نركز فى موضوع واحد انا ماباقيتش عارف احنا فين ووصلنا لفين