1
PTlooker
User Menu and Login Block
  • 2005/10/29 15:14

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


Hi i changed my user menu and login place but i still have some problems:

Resized Image

Here e want to put this on horizontal and keep the css effect.

Resized Image

Here i want everything on the same line

My code is the following on theme.html:

<tr>
    <
td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <
tr>
        <
td width="6">&nbsp;</td>
        <
td width="197" height="26" bgcolor="#CCCCCC">
        <
form style="margin-top: 1px; margin-bottom: 0px" action="<{$xoops_url}>/search.php" method="post">
                &
nbsp;&nbsp;<input class="button" type="text" name="query" size="15" value="procurar por..." onclick="value=''" />
                <
input type="hidden" name="action" value="results" />
                <
input name="submit" type="submit" class="gumb" value="Procurar" />
              </
form>
        </
td>
        <
td width="6"></td>
        <
td bgcolor="#9CCFCE">
            <{if (
$xoops_isuser)}>
<!-- 
Codigo do user menu -->
<
td id="usermenu">
      <
class="menuTop" href="<{$xoops_url}>/user.php">Minha Conta</a>
      <
a href="<{$xoops_url}>/edituser.php">Editar Conta</a>
      <
a href="<{$xoops_url}>/notifications.php">Notifica??es</a>
      <
a href="<{$xoops_url}>/user.php?op=logout">Sair</a>
      <{if 
$block.new_messages 0}>
        <
class="highlight" href="<{$xoops_url}>/viewpmsg.php"><{$block.lang_inbox}> (<span style="color:#ff0000; font-weight: bold;"><{$block.new_messages}></span>)</a>
      <{else}>
        <
a href="<{$xoops_url}>/viewpmsg.php">Caixa de entrada</a>
      <{/if}>

      <{if 
$xoops_isadmin}>
        <
a href="<{$xoops_url}>/admin.php">Administra??o</a>
      <{/if}>
    </
td>

    <{else}>
<!-- 
Codigo do login -->
<
form style="margin-top: 0px;" action="<{$xoops_url}>/user.php" method="post">
<
input type="text" name="uname" size="12" value="utilizador" maxlength="25" />
<
input type="password" name="pass" size="12" value="password" maxlength="32" />
<
input type="checkbox" name="rememberme" value="On" class ="formButton" />Lembrar<br />
<
input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>" />
<
input type="hidden" name="op" value="login" />
<
input class="formbutton" type="submit" value="Entrar" />
<{
$block.sslloginlink}>
</
form>
<
a href="<{$xoops_url}>/user.php#lost">Recuperar password!</a>
<
a href="<{$xoops_url}>/register.php">Registar-me!</a>

    <{/if}>

        <
td width="6"></td>
      </
tr>
    </
table></td>
  </
tr>


Thanks in advance to everyone! And im very proud of this community, especially during the last weeks :)

2
PTlooker
Re: User Menu and Login Block
  • 2005/10/29 16:36

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


anyone please? sorry the rush but i really need this working
Thanks to all! :)

3
PTlooker
Re: User Menu and Login Block
  • 2005/10/29 18:36

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


anyone please?

4
ZPC
Re: User Menu and Login Block
  • 2005/10/29 19:04

  • ZPC

  • Official Support Member

  • Posts: 76

  • Since: 2002/1/16


ok, I had some problem to understand what you want, but I guess I got it ...
note - you will maybe need some CSS editing too, but to this later...

1) line-up of the login block for anonymous user
Just delete the Break behind the "Lembrar" ... you might need to add there some non-breakable space (&nbsp;) instead to make it look nice ...
<input type="checkbox" name="rememberme" value="On" class ="formButton" />Lembrar[color=FF0000][b]<br />[/b][/color]


2) line-up of the user menu of logged-in user
There are probably different ways how to do that. Besides some CSS tweaking (removing the Display:block; directive from the menu and adding some padding arond to get the similar effect, but... ) I think, probably the easiest way with just HTML would be to put this menu in one row of table cells.
Now:
<{if ($xoops_isuser)}>
<!-- 
Codigo do user menu -->
<
td id="usermenu">
      <
class="menuTop" href="<{$xoops_url}>/user.php">Minha Conta</a>
      <
a href="<{$xoops_url}>/edituser.php">Editar Conta</a>
      <
a href="<{$xoops_url}>/notifications.php">Notifica??es</a>
      <
a href="<{$xoops_url}>/user.php?op=logout">Sair</a>
      <{if 
$block.new_messages 0}>
        <
class="highlight" href="<{$xoops_url}>/viewpmsg.php"><{$block.lang_inbox}> (<span style="color:#ff0000; font-weight: bold;"><{$block.new_messages}></span>)</a>
      <{else}>
        <
a href="<{$xoops_url}>/viewpmsg.php">Caixa de entrada</a>
      <{/if}>

      <{if 
$xoops_isadmin}>
        <
a href="<{$xoops_url}>/admin.php">Administra??o</a>
      <{/if}>
    </
td>

    <{else}>


And after that table-cell inprisonment:

<{if ($xoops_isuser)}>
<!-- 
Codigo do user menu -->
<
td id="usermenu">
<
table><tr>
      <
td><class="menuTop" href="<{$xoops_url}>/user.php">Minha Conta</a></td>
      <
td><a href="<{$xoops_url}>/edituser.php">Editar Conta</a></td>
      <
td><a href="<{$xoops_url}>/notifications.php">Notifica??es</a></td>
      <
td><a href="<{$xoops_url}>/user.php?op=logout">Sair</a></td>
      <{if 
$block.new_messages 0}>
        <
td><class="highlight" href="<{$xoops_url}>/viewpmsg.php"><{$block.lang_inbox}> (<span style="color:#ff0000; font-weight: bold;"><{$block.new_messages}></span>)</a></td>
      <{else}>
        <
td><a href="<{$xoops_url}>/viewpmsg.php">Caixa de entrada</a></td>
      <{/if}>

      <{if 
$xoops_isadmin}>
        <
td><a href="<{$xoops_url}>/admin.php">Administra??o</a>
      <{/if}></
td>
    </
tr></table>
    </
td>

    <{else}>


There might be a little problem with the style of the new table which is around the menu ... but it depends on the CSS you use, if there is any border, padding, margin for any table, tr and td tags...

Test it ... and we will see...

Happy xoopsing

5
PTlooker
Re: User Menu and Login Block
  • 2005/10/29 19:24

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


Thanks a lot for the help, really!!!
Well almost everything worked fine, but in the login menu for anonymous the links "register" and "lost password" are still going for a second line...
And when i login the menu is already on horizontal (thanks once again :) ) but the background is now white and not green like you can check on the image on the login menu above..
Can you fiz this two problems?
Thanks in advance!

6
ZPC
Re: User Menu and Login Block
  • 2005/10/29 19:48

  • ZPC

  • Official Support Member

  • Posts: 76

  • Since: 2002/1/16


Probably ...

1) the anonymous login block ...
Put the </form> behing the links ...
<{$block.sslloginlink}>
<
a href="<{$xoops_url}>/user.php#lost">Recuperar password!</a>
<
a href="<{$xoops_url}>/register.php">Registar-me!</a>
[
color=FF0000][b]</form>[/b][/color]


2) menu background ...
I would have to see the websites stylesheet ... could you provide here the address of the website? It would help a lot.

Happy xoopsing...

7
PTlooker
Re: User Menu and Login Block
  • 2005/10/29 19:57

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


Thanks it works fine!
About the css the site is not online yes but here you have the css code:

body {     
    
font-familyTahomabeijingtaipei
    
color:    #000000; 
    
font-size12px;
    
margin-top10px;
    
background-color#3E6162;
    
margin-left10px;
    
margin-right10px;
    
margin-bottom10px;
    }
table 
    
width100%;
    }
table td 
    
padding0
    
border-width0
    
font-familyVerdanaArialHelveticasans-serif;
    }
hr {
    
color:#C2E2E2; 
    
height:1px;
    
width:100%;
    }

.
table_block{
    
width:900px;
    
background-color:#FFFFFF;
    
}
    

.
main_table{}


.
head_table{
    
width:892px;
    }

.
head_logo{
    
width:197px;
    
height:68px;
    
text-alignleft;
    }

.
head_banner{
        
text-aligncenter;
    }




.
L_blockTitle {
    
background-color#F5F3F1;
    
color#666666;
    
padding2px 4px;
    
font-weightbold;
    
border1px solid #E7E7E7;
}
.
L_blockContent {padding6px 6px 2px;}

.
content_block{
    
background-color#FFFFFF;
    
}
.
content {
    
text-alignleft;
    
line-height135%;
    
padding16px 6px;
}


.
design {
    
color#666666;
    
font-size9px;
    
text-alignright;
    }
.
design a{
    
color#666666;
    
font-size9px;
    
font-weightbold;
    }


.
item color#000000; }
.itemHead {
    
font-size:10pt;
    
color#000000;
    
padding2px 2px 2px 16px;
    
font-weightbold;
    
text-alignleft;
    
background-imageurl(images/item_icon.gif);
    
background-repeatno-repeat;
    
border-bottom-width1px;
    
border-bottom-styledotted;
    
border-bottom-color#4B7778;
}
.
itemInfo {
    
color:#999999;
    
text-alignright;
    
padding2px 0px 2px 2px;

}
.
itemTitle a {
    
font-weightbold
    
color#4B7778; 
    
background-colortransparent;
    }
.
itemPoster {}
.
itemPostDate {}
.
itemStats {}
.
itemBody {padding-left2pxtext-alignleft;}
.
itemText {margin-top8pxmargin-bottom8pxline-height1.5em;}
.
itemText:first-letter {}
.
itemFoot {
    
padding3px 3px ;
    
color#999999;
    
text-alignright;

}
.
itemFoot a{
    
color:#639A9C;
    
font-weightnormal;
    }
.
itemAdminLink {}
.
itemPermaLink {}



.
odd 
    
background-color#eeeeee;
    
padding2px;
}
.
outer {
    
background-color#FFFFFF;
    
padding2px;
    
border1px solid #C2E2E2;
}
.
even 
    
background-color#F1F3F2;
    
padding2px;
}
th 
    
background-color#639B9C; 
    
color:#FFFFFF ;
    
text-alignleft
    
padding3px;
}
.
head {
    
background-color#C2E2E2; 
    
padding3px;
}
.
foot 
    
background-color#C2E2E2; 
    
padding3px;
}



td#usermenu a { 
    
displayblock;
    
margin0px 6px;
    
padding3px;
    
border-bottom1px dashed #BCE0E0;
    
}
td#usermenu a:hover {
    
background-color#E3F2F2;
    
}
td#usermenu a.menuTop {}
td#usermenu a.highlight {
    
background-color:#C2E2E2;
    
}


td#mainmenu a {
    
displayblock;
    
margin0px 6px;
    
padding3px;
    
border-bottom1px dashed #BCE0E0;
    
}
td#mainmenu a:hover {
    
background-color#E3F2F2;
    
}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {}
td#mainmenu a.menuSub {
    
padding-left12px;
    }




h4font-size:25px;}

font-familyTahomataipeifont-size12pxtext-decorationnonecolor#666666; font-style: normal}
a:hover {  font-familyTahomataipeicolor#FF9966; font-style: normal}
td {  font-familyTahomataipeicolor#000000; font-size: 12px;border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;}
input,textarea {  font-family TahomataipeiVerdanaArialHelveticasans-seriffont-size 12pxtext-indent 2px;  }

select {font-familyTahomataipeiVerdanaArialHelveticasans-seriffont-size12px;font-weight bold;background-color:#F5F5F5; } 
img border0;}
ul margin2px;}
li {
    
margin-left2px;
    list-
stylesquare inside;
    
color#999999;
    
font-size12px;

}



.
comTitle {font-weightboldmargin-bottom2px;}
.
comText {padding2px;}
.
comUserStat {font-size12pxcolor#333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weightnormal;}
.
comUserStatus {margin-left2pxmargin-top10pxcolor#333333; font-weight:bold; font-size: 12px;}
.comUserRank {margin2px;}
.
comUserRankText {font-size12px;font-weight:bold;}
.
comUserRankImg {border0;}
.
comUserName {}
.
comUserImg {margin2px;}
.
comDate {font-weightnormalfont-styleitalicfont-size12px;}
.
comDateCaption {font-weightboldfont-stylenormal;}



.
blockTitle {
    
background-color#F5F3F1;
    
color#666666;
    
padding2px 4px;
    
font-weightbold;
    
border1px solid #E7E7E7;
}
.
blockContent {
    
padding2px;
    
border-right1px solid #E7E7E7;
    
border-bottom1px solid #E7E7E7;
    
border-left1px solid #E7E7E7;
}


Hope you can do it :)
Thanks in advance!

8
ZPC
Re: User Menu and Login Block
  • 2005/10/29 20:07

  • ZPC

  • Official Support Member

  • Posts: 76

  • Since: 2002/1/16


I am not sure ... if I understand what is the problem. Cause I think the menu supposed to be green when you move the mouse over it ...
Btw, isn't it somehow modified IMAGO:THEME?


Could you make a screen cap of it?

9
PTlooker
Re: User Menu and Login Block
  • 2005/10/29 20:27

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


sorry didnt understand, but if you see the image above (where is the login form) you will see that the background is green, but when i login the background with the new horizontal menu is white. Yes when the mouse is over it turn green, but the background is a more dark green.. hope you can understand it
Thanks in advance!

10
ZPC
Re: User Menu and Login Block
  • 2005/10/29 20:43

  • ZPC

  • Official Support Member

  • Posts: 76

  • Since: 2002/1/16


I am still not sure if I understand you correctly ...

In the logged-in menu is no background ...
Resized Image

and you want to have the menu to have the same background as the log-in block?
Resized Image

Just like the left menus on Dev.Xoops.org.China??
You will have to select the Imago08 theme...

Login

Who's Online

208 user(s) are online (148 user(s) are browsing Support Forums)


Members: 0


Guests: 208


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits