Not Solved A long one for you pros!
#31
Not Solved
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.
Reply
#32
Not Solved
<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>
Reply
#33
Not Solved
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.
Reply
#34
Not Solved
(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?
Reply
#35
Not Solved
What is the final html code so I can take a look at it. I can move down the menu for you
Reply
#36
Not Solved
Basically trying to go from this:

[Image: kBWkw.gif]

To this:

[Image: RagpT.gif]

What template would you need to see code for Matt?
Reply
#37
Not Solved
header template please Smile
Reply
#38
Not Solved
(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 />
Reply
#39
Not Solved
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.
Reply
#40
Not Solved
(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]
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)