#eb7100
33409
0
1
Nov 24, 2024 4:27:37 GMT -8
Brian
48,130
November 2004
smashmaster3
|
Post by Brian on Sept 17, 2013 13:54:35 GMT -8
Any time you want to add someone to that list from now on, do it like this:
Replace the CSS you used with this.
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Sept 17, 2013 13:59:58 GMT -8
Thanks lovie, I shall do that after a few hours sleep.
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 9:57:47 GMT -8
Brian, David Clark, or anyone else who could possibly answer this for me please. Can this type of hover effect be applied to a div that already has a class? <div class="forum_sub_name"><center>|| <a href="http://delusional.freeforums.net/thread/9/welcome-rules-updated-18th-september">RULES</a> || <a href="http://delusional.freeforums.net/board/30/submissions">ADVERTISING</a> || <a href="http://delusional.freeforums.net/board/95/coding">CODING</a> || <a href="http://delusional.freeforums.net/board/87/themes">THEMES</a> || <a href="http://delusional.freeforums.net/board/97/character-templates">CHARACTER TEMPLATES</a> ||</center></div> Is in my wrappers on a theme, that i'm playing with and those links are side by side not stacked vertically. I've tried adding in the usual to the css. Changing the .linkset to .forum_sub_name but nothing happened at all. EDIT: I've managed to get the highlight/transition working, but its working on all links. I would like it to work solely in the forum sub title. Which is in the wrappers and the full wrapper code is as follows. <!DOCTYPE HTML> $[tag.html.open] <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>$[title] | $[forum.name]</title> $[head] <div id="navigation-menu" class="ui-helper-clearfix"> <ul role="navigation"> {foreach $[navigation.menu]} <li> <a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}> $[navigation.menu.name] {if $[navigation.menu.notification.total]} <div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;"> <div class="tip-number">$[navigation.menu.notification.total]</div> <span class="tip"></span> </div> {/if} </a> </li> {/foreach} </ul> <p id="welcome"> {if $[current_user.is_member]} $[current_user.name] (<a href="$[logout_link.href]">signout</a>) - <a href="/conversations/inbox"><b>Inbox:</b></a> <font color="#c5bf9c">$[current_user.messages.inbox]</font> | New: <font color="#c5bf9c"><u>$[current_user.messages.new]</u></font> {else} Welcome Guest to $[forum.name]. $[login_link.] or $[register_link.] {/if} </p> </div> </head> <body> {if $[maintenance_mode]} <div class="maintenance-header"> {if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if} </div> {/if} <div id="wrapper"> <header> <div id="banner-container" role="banner"> <h2 id="banner"> $[forum.title] </h2> </div> <div class="forum_sub_name"><center>|| <a href="http://delusional.freeforums.net/thread/9/welcome-rules-updated-18th-september">RULES</a> || <a href="http://delusional.freeforums.net/board/30/submissions">ADVERTISING</a> || <a href="http://delusional.freeforums.net/board/95/coding">CODING</a> || <a href="http://delusional.freeforums.net/board/87/themes">THEMES</a> || <a href="http://delusional.freeforums.net/board/97/character-templates">CHARACTER TEMPLATES</a> ||</center></div> <a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a> <a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a> </header> $[participated_threads_link] <div id="navigation-tree"> $[navigation.tree] </div> $[header] <div id="content" role="main"> {if $[notice]} <div class="container"> <div class="title-bar"><h2>$[notice.title]</h2></div> <div class="content pad-all cap-bottom"> $[notice.message] </div> </div> {/if} $[content] $[shoutbox] </div> $[footer] </div> {if $[is_mobile_browser]} <br /><p class="center">Switch to the $[mobile_switch_link].</p> {/if} </body> </html> and what I added to the Css.forum_sub_menu > a { width:600px; height:20px; transition: all 0.5s ease; padding: 10px; } a:hover { background: #555; padding: 4px; }
|
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 12:17:27 GMT -8
Welshling, is there a theme/area on your forum where I can observe the code in action?
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 12:23:35 GMT -8
I sent you the login information for my dummy account  the theme is called "testing" Thanks. |
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 12:28:07 GMT -8
To clarify for anyone who checks in on this thread, there's no need to send any support staff your login info - we have our ways.  |
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 12:30:01 GMT -8
they be sneaky spy  *shifty eyes* |
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 12:42:03 GMT -8
Try adding this to the bottom of your style sheet, Welshling. .forum_sub_name a:hover {
transition: all 0.5s ease-in-out 0s;
-moz-transition:0.5s ease-in-out;
-webkit-transition:0.5s ease-in-out;
}
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 12:49:08 GMT -8
David Clark, I already had this in the css .forum_sub_menu > a { width:600px; height:20px; transition: all 0.5s ease; padding: 10px; } a:hover { background: #555; padding: 4px; } but it was working on all board links, not just the sub menu. And when I added your piece, and removed the piece above. Nothing happened. .forum_sub_name a:hover { transition: all 0.5s ease-in-out 0s; -moz-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; } so now, both pieces are in the css area
|
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 12:52:36 GMT -8
Currently (and even before anything was changed), I'm seeing no transition on board links whatsoever. Previously, the sub title was not performing a transition for me but now that you've made your change, it is. I'm using the latest Chrome.
What do you see?
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 12:57:17 GMT -8
Im using the newest chrome too. And in the sub menu RULES ADVERTISING etc. Those seem to transition, grow outward.
In the board lists, the titles just have a hover #555; background color over them. Which makes the entire table, dance a little and the descriptions seem to move lol
|
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 13:03:04 GMT -8
I was under the impression you were having difficulty getting the sub-menu to transition. What are you trying to do?
This code that you posted above is the one that's causing the background color to appear and the 'dance' to happen, FYI:
a:hover {
background: #555;
padding: 4px;
}
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 13:05:36 GMT -8
Ok I am trying to get the transition to work in the submenu area only. Not on all links.
So Let me remove my piece from the css again, leave your suggestion in and we'll take it from there?
|
|
inherit
179966
0
Mar 19, 2019 9:23:16 GMT -8
Welshling
Dohtml - v5 templates, advertising & more.
1,150
May 2012
welshling
|
Post by Welshling on Oct 4, 2013 13:07:39 GMT -8
UGH, so I removed my piece and it was working in the preview editor screen but now nothings happening in the submenu or links areas. without this. .forum_sub_menu > a { width:600px; height:20px; transition: all 0.5s ease; padding: 10px; } a:hover { background: #555; padding: 4px; } this happens. |
|
inherit
The Great Cinnamon Roll
191518
0
Oct 19, 2016 22:17:44 GMT -8
David Clark
Care for some tai chi with your chai tea?
17,602
March 2013
davidlinc1
|
Post by David Clark on Oct 4, 2013 13:09:22 GMT -8
Ah, I understand now. Yeah, remove the a:hover code that's causing the color/dance, and then replace the code I provided you with this.
.forum_sub_name a:hover {
transition: all 0.5s ease-in-out 0s;
-moz-transition:0.5s ease-in-out;
-webkit-transition:0.5s ease-in-out;
background: #555;
}
That includes the background color for the sub-menu, which was previously being specified by that a:hover that affected every link on your forum.
|
|
the theme is called "testing" Thanks.
