MyBB Community Forums

MyBB Community Forums > Extensions > Themes > Theme Support > A long one for you pros!
Full Version: A long one for you pros!
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Matt G.

2011-05-21, 12:50 AM
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<div class="menu" style="float: right; margin-top: -150px;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px; margin-top: -140px;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right; top: -100px;">{$welcomeblock}</div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />

xomp

2011-05-21, 12:51 AM
Updated! and he dropped to an acceptable distance now Big Grin

Matt G.

2011-05-21, 12:53 AM
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<div class="menu" style="float: right; margin-top: -150px;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px; margin-top: -140px; overflow: hidden;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right;">{$welcomeblock}</div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />

xomp

2011-05-21, 12:54 AM
Updated, though nothing appears to have changed.
I put the Search > Members > IRC buttons at the top and it looks pretty good, I changed the -150 for the margin to 200.

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<div class="menu" style="float: right; margin-top: -200px;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px; margin-top: -140px; overflow: hidden;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right;">{$welcomeblock}</div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />

Matt G.

2011-05-21, 12:57 AM
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<div class="menu" style="float: right; margin-top: -150px;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px; margin-top: -140px;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right;"><span style="margin-top: -50px;">{$welcomeblock}</span></div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />

The issue with that is that I cannot see it as well, thats the bad thing about margins. I think I am going to scrap the whole thing and start new, with the logo in place now.

xomp

2011-05-21, 12:58 AM
Updated, though nothing seems to have changed.

Matt G.

2011-05-21, 01:02 AM
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<table align="top"><tr><div class="menu" style="float: right;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div></tr><tr>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div></tr><tr>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right;">{$welcomeblock}</div></tr></table>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />
edit: added ending tag.

xomp

2011-05-21, 01:03 AM
Oops, seems to have broken things heh

Matt G.

2011-05-21, 01:04 AM
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div>      
<table align="top" style="float: right;"><tr><div class="menu" style="float: right;">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="http://www.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div></tr><tr>
            <br /><div style="border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; float: right; padding-right:
10px;"><img src="{$mybb->user['avatar']}" width="100px"
height="100px" style="border: 2px solid #fff; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;"></div></tr><tr>
            <hr class="hidden" />
<br />
<div id="panel" style="text-align: right;">{$welcomeblock}</div></tr></table>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}{$teradonate_notice}{$teradonate_bar}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
{$headerannounce}
            {$pending_joinrequests}
            <navigation>
            <br />

xomp

2011-05-21, 01:05 AM
Updated, though nothing seems to have changed.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
MyBB Community Forums > Extensions > Themes > Theme Support > A long one for you pros!