Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
A long one for you pros!
#31
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
<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
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
(05-20-2011, 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
What is the final html code so I can take a look at it. I can move down the menu for you
Reply
#36
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
header template please Smile
Reply
#38
(05-20-2011, 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
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
(05-20-2011, 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)