MyBB Community Forums

Hi guys, I'm tryiung to re-arrange the items on the welcome-block. Getting the avatar to line on the left side is proving a bit difficult. I have included the code below - if someone can point me to the issue I will appreciate it.

<div id="wblock">

<div class="block1">
<img src="{$mybb->user['avatar']}" /><br />
Welcome back, {$mybb->user['username']}
</div>

<div class="block2">Quick Links<br />
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">View New Posts</a></li>
<li><a 
href="{$mybb->settings['bburl']}/search.php?action=getdaily">View 
Today's Posts</a></li>
<li><a 
href="{$mybb->settings['bburl']}/private.php">Inbox - (0) unread 
message(s)</a></li>
<li><a 
href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">Logout</a></li>
</ul>
</div>



<div class="block3">Quick Options
<br />
<ul>
<li><a href="{$mybb->settings['bburl']}/usercp.php">User CP</a></li>
{$modcplink}
{$admincplink}
</ul>
</div>

<div id="buttonsAreaCont">

<div id="buttonsArea">
    
      <!-- Content Area -->

        <!-- Homepage Buttons -->
        <div id="homepageButtonsCont">
          <ul>
            <li id="bSeo"><a class="readMore">Random Video</a></li>
            <li id="bPaidSearch"><a class="readMore">Some CEO</a></li>
            <li id="bLocalSearch"><a class="readMore">Window</a></li>
            <li id="bSocialMedia"><a class="readMore">Fancy Cases</a></li>
          </ul>
        </div>
        <!-- / Homepage Buttons --></div></div>
</div>
<style type="text/css">

#wblock {
float:left;
margin-left: 160px;
margin-top: -110px;
}

#block1 li {
margin:0;
padding: 0;
}

.block2 {
float:left;
padding-top: 50px;
}

.block3 {
float:left;
padding-top: 50px;
}

#wblock a {
margin-top: -14px;
}

<!-- / Test -->

#buttonsArea {
    background: -moz-linear-gradient(center bottom , #030202 8%, #4c4a4b 70%) repeat-x scroll left top transparent;
    border: 1px solid #555555;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width:635px;
    float:left;
  }

#homepageButtonsCont {
  height: 117px;
  clear: both;
  padding: 10px 10px 10px 10px;
  width:617px;
  }
  #homepageButtonsCont ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #homepageButtonsCont ul li {
      float: left;
      width: 138px;
	  padding-top:95px;
      position: relative;
      margin-right: 8px;
	  margin-left: 8px;
      }
      #bSeo         { background: url(http://www.playbookboards.com/play1.png) no-repeat 0 0; }
      #bPaidSearch  { background: url(http://www.playbookboards.com/play2.png) no-repeat 0 0; }
      #bLocalSearch { background: url(http://www.playbookboards.com/play3.png) no-repeat 0 0; }
      #bSocialMedia { background: url(http://www.playbookboards.com/play4.png) no-repeat 0 0; }

a.readMore {
	background: url(http://www.playbookboards.com/187.gif) no-repeat scroll 0 50% transparent;
	font-size: 10px;
	font-weight: bold;
	color:#cacaca;
        width:138px;
	padding-right:100px;
        padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase !important;
    vertical-align: bottom !important;
}

<!-- / Test -->




</style>

A URL to your forum and a test account would probably help.

PM with access info sent

(2011-08-20, 09:57 PM)faviouz Wrote: [ -> ]A URL to your forum and a test account would probably help.