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

xomp

2011-05-20, 10:03 PM
Okay, if you guys want to see what it looks like now head on over to here. The rounded corners work pretty good thanks! though the padding on the right doesn't seem to be working?

Oops, you guys don't have avatars there lol.

I'm trying to get the padding on the right of the avatar so it isn't touching the white border of the bigger box if that makes sense at all.

Like this:
[Image: U0Psl.gif]

You'll notice it more aligns with the "(unread total blah)" portion.

faviouz

2011-05-20, 10:09 PM
<div style="border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; margin-top: 50px; 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>

Matt G.

2011-05-20, 10:09 PM
Tester account please. Try this 

<div style="border: solid #fff 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; margin-top: 50px; margin-right: 10px"><img src="{$mybb->user['avatar']}" width="100px" height="100px" style="border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;"></div>

replaced padding with margin. This should work.

xomp

2011-05-20, 10:10 PM
(2011-05-20, 10:09 PM)faviouz Wrote: [ -> ]
<div style="border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; margin-top: 50px; 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>

Bingo! You got it! Now is there a way to tighten everything together a little closer from top to bottom?

Matt G.

2011-05-20, 10:12 PM
What is the final html code so I can take a look at it. I can move down the menu for you

xomp

2011-05-20, 10:14 PM
Basically trying to go from this:

[Image: kBWkw.gif]

To this:

[Image: RagpT.gif]

What template would you need to see code for Matt?

Matt G.

2011-05-20, 10:16 PM
header template please Smile

xomp

2011-05-20, 10:18 PM
(2011-05-20, 10:16 PM)Matt G. Wrote: [ -> ]header template please Smile

Gotcha!

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="menu">
                <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://forums.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <div style="border-radius: 5px; -webkit-border-radius: 5px; 
-moz-border-radius: 5px; float: right; margin-top: 50px; 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>
            <hr class="hidden" />
<div id="panel">{$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-20, 10:21 PM
Lets see here...

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="menu">
                <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://forums.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <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>
            <hr class="hidden" />
<div id="panel" style="padding-top: -75px;">{$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 />

try that. not sure if it will work though.

If it does not, just revert back to the other one, and I will figure something out.

Edit: okay I see it has not worked for you, so revert it back for a second.

xomp

2011-05-20, 10:35 PM
(2011-05-20, 10:21 PM)Matt G. Wrote: [ -> ]Lets see here...

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="menu">
                <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://forums.xomby.org/misc.php?page=irc"><img src="{$theme['imgdir']}/toplinks/irc.png" alt="" title="" />IRC Chat</a></li>
                </ul>
            </div>
            <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>
            <hr class="hidden" />
<div id="panel" style="padding-top: -75px;">{$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 />

try that. not sure if it will work though.

If it does not, just revert back to the other one, and I will figure something out.

Edit: okay I see it has not worked for you, so revert it back for a second.

That seems to have bumped the avatar up to where I'd like it, but the other text below it remains where it's at. Sorry I had an unexpected phone call to take Smile

It looks like this now:

[Image: ZEBYM.gif]
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!