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:

le="color: #000000"><?php <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"> <a 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}> <a 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 ...
le="color: #000000"><?php <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:
le="color: #000000"><?php <{if ($xoops_isuser)}> <!-- Codigo do user menu --> <td id="usermenu"> <a 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}> <a 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:

le="color: #000000"><?php <{if ($xoops_isuser)}> <!-- Codigo do user menu --> <td id="usermenu"> <table><tr> <td><a 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><a 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 ...
le="color: #000000"><?php <{$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:

le="color: #000000"><?php body { font-family: Tahoma, beijing, taipei; color: #000000; font-size: 12px; margin-top: 10px; background-color: #3E6162; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } table { width: 100%; } table td { padding: 0; border-width: 0; font-family: Verdana, Arial, Helvetica, sans-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-align: left; } .head_banner{ text-align: center; } .L_blockTitle { background-color: #F5F3F1; color: #666666; padding: 2px 4px; font-weight: bold; border: 1px solid #E7E7E7; } .L_blockContent {padding: 6px 6px 2px;} .content_block{ background-color: #FFFFFF; } .content { text-align: left; line-height: 135%; padding: 16px 6px; } .design { color: #666666; font-size: 9px; text-align: right; } .design a{ color: #666666; font-size: 9px; font-weight: bold; } .item { color: #000000; } .itemHead { font-size:10pt; color: #000000; padding: 2px 2px 2px 16px; font-weight: bold; text-align: left; background-image: url(images/item_icon.gif); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #4B7778; } .itemInfo { color:#999999; text-align: right; padding: 2px 0px 2px 2px; } .itemTitle a { font-weight: bold; color: #4B7778; background-color: transparent; } .itemPoster {} .itemPostDate {} .itemStats {} .itemBody {padding-left: 2px; text-align: left;} .itemText {margin-top: 8px; margin-bottom: 8px; line-height: 1.5em;} .itemText:first-letter {} .itemFoot { padding: 3px 3px ; color: #999999; text-align: right; } .itemFoot a{ color:#639A9C; font-weight: normal; } .itemAdminLink {} .itemPermaLink {} .odd { background-color: #eeeeee; padding: 2px; } .outer { background-color: #FFFFFF; padding: 2px; border: 1px solid #C2E2E2; } .even { background-color: #F1F3F2; padding: 2px; } th { background-color: #639B9C; color:#FFFFFF ; text-align: left; padding: 3px; } .head { background-color: #C2E2E2; padding: 3px; } .foot { background-color: #C2E2E2; padding: 3px; } td#usermenu a { display: block; margin: 0px 6px; padding: 3px; border-bottom: 1px dashed #BCE0E0; } td#usermenu a:hover { background-color: #E3F2F2; } td#usermenu a.menuTop {} td#usermenu a.highlight { background-color:#C2E2E2; } td#mainmenu a { display: block; margin: 0px 6px; padding: 3px; border-bottom: 1px dashed #BCE0E0; } td#mainmenu a:hover { background-color: #E3F2F2; } td#mainmenu a.menuTop {} td#mainmenu a.menuMain {} td#mainmenu a.menuSub { padding-left: 12px; } h4{ font-size:25px;} a { font-family: Tahoma, taipei; font-size: 12px; text-decoration: none; color: #666666; font-style: normal} a:hover { font-family: Tahoma, taipei; color: #FF9966; font-style: normal} td { font-family: Tahoma, taipei; color: #000000; font-size: 12px;border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;} input,textarea { font-family : Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size : 12px; text-indent : 2px; } select {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight : bold;background-color:#F5F5F5; } img { border: 0;} ul { margin: 2px;} li { margin-left: 2px; list-style: square inside; color: #999999; font-size: 12px; } .comTitle {font-weight: bold; margin-bottom: 2px;} .comText {padding: 2px;} .comUserStat {font-size: 12px; color: #333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;} .comUserStatCaption {font-weight: normal;} .comUserStatus {margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 12px;} .comUserRank {margin: 2px;} .comUserRankText {font-size: 12px;font-weight:bold;} .comUserRankImg {border: 0;} .comUserName {} .comUserImg {margin: 2px;} .comDate {font-weight: normal; font-style: italic; font-size: 12px;} .comDateCaption {font-weight: bold; font-style: normal;} .blockTitle { background-color: #F5F3F1; color: #666666; padding: 2px 4px; font-weight: bold; border: 1px solid #E7E7E7; } .blockContent { padding: 2px; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px 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

Donat-O-Meter

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

Latest GitHub Commits