inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 8, 2014 14:58:35 GMT -8
Actually, David Clark, I've tried this on a new test forum ~ default theme.
And now, for some reason, the nav bar is at the top of the entire forum?!
|
|
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 Nov 8, 2014 15:02:50 GMT -8
It looks like a quotation is missing from line 49 of the Forum Wrapper, ♥ ℒʊ√ ♥: <div class="smallAvatar" style="display:none; "> The highlighted bit is where the quote should be.
|
|
inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 8, 2014 15:21:09 GMT -8
Did the trick.
I wanted to put it on a "clean" template and board without any modifications for testing purposes.
Enjoy your evening, David Clark.
|
|
Alisha
Junior Member
Cake, and grief counseling, will be available at the conclusion of the test.
Posts: 308
inherit
174267
0
May 13, 2021 18:22:45 GMT -8
Alisha
Cake, and grief counseling, will be available at the conclusion of the test.
308
December 2011
alishabussart
|
Post by Alisha on Nov 8, 2014 15:28:15 GMT -8
David Clark and ♥ ℒʊ√ ♥Here's what I just whipped up in five minutes. Link This involves a few simple template and css mods. I left the current user name in, but that can easily be removed if you don't want it. Changing the welcome paragraph to a div and adding the variables for the avatars: <div id="welcome"> {if !$[current_user.is_member]} Welcome Guest. $[current_user.avatar_quote] {if $[login_link] || $[register_link]} Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link]. {/if} {else} <span>Welcome $[current_user.name].</span> $[current_user.avatar_quote] $[logout_link] {/if} </div> And adding css for the the avatar wrapper. Feel free to edit the width and height to better suit your needs. #welcome .avatar_size_quote { display:inline; } #welcome .avatar_size_quote, #welcome .avatar_size_quote img { width:22px; height:22px; } David, please do let me know if there are issues with this method I'm not aware of.
|
|
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 Nov 8, 2014 15:39:26 GMT -8
Looks good, thanks for shooting that our way. The only issue I can think of might be if Luv happens to want to implement this effect on all themes -- either would work, but with a quick change to my code it should be possible to drop it in the global header to affect all themes. I'll change it now, and we can leave both solutions for anyone who happens upon this thread later.
|
|
inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 8, 2014 16:08:33 GMT -8
Alisha, thank you so much. That's very kind of you.
And David Clark, I didn't want to be a bother, but yes, putting it in the Global would be nice for me. Which code did you change?
You've all been so helpful ~ and informative.
|
|
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 Nov 8, 2014 16:12:31 GMT -8
To achieve the effect globally, ♥ ℒʊ√ ♥, add this code to your global header:
<script> $(document).ready(function() { if (proboards.data('user').is_logged_in == 1) {
var avatarHTML = proboards.data('user').avatar
$('#welcome a').before(avatarHTML) $('#welcome .avatar-wrapper img').unwrap().addClass("smallAvatarImg");
} else {
var guestAvatarSrcVariable = proboards.data('default_avatar') var html = $('#welcome').html();
thing = "<img class='smallAvatarImg' src="+guestAvatarSrcVariable+">" html = html.replace(/((\w+\W+){2})/, '$1'+thing+'');
$('#welcome').html(html);
} }); </script>
As well as this CSS: <style> img.smallAvatarImg { max-height: 30px; max-width: 30px; padding-left: 7px; padding-right: 7px; } </style> ^ With the values tweaked to your liking.
|
|
inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 8, 2014 21:54:40 GMT -8
Alisha, thank you. I used your coding because I just signed out and viewed as a guest and there was an error in David Clark's coding for guests ~ while the display for members was fine.
Sadly, it showed as this ~
Yours displayed properly.
David, I thought you should know because others may reference this thread and want the change on all themes (as I do) and they'll need you to re-code your bits!
|
|
inherit
192136
0
Aug 17, 2014 8:10:36 GMT -8
?adwoman?
1,884
April 2013
adwoman
|
Post by ?adwoman? on Nov 9, 2014 6:22:26 GMT -8
♥ ℒʊ√ ♥, are you receive this in your css? I use the last css was giving and got that so I went back to the first css code Attachments:
|
|
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 Nov 9, 2014 8:47:45 GMT -8
We never really finished ironing out the kinks, ♥ ℒʊ√ ♥, so I'm not surprised there's still an issue there. If you want my help in getting it sorted, though, I'll need you to keep the code in place. ?adwoman?, you're using <style> tags on the style sheet. You only need those if you're inserting CSS somewhere that accepts HTML. If you're only doing this for one theme, you should use Alisha's solution.
|
|
inherit
192136
0
Aug 17, 2014 8:10:36 GMT -8
?adwoman?
1,884
April 2013
adwoman
|
Post by ?adwoman? on Nov 9, 2014 10:38:06 GMT -8
|
|
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 Nov 9, 2014 11:10:57 GMT -8
img.smallAvatarImg {max-height: 31px;max-width: 29px;padding-left: 7px;padding-right: 7px;vertical-align: middle;}
See if this CSS helps, ?adwoman?.
|
|
inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 9, 2014 11:23:38 GMT -8
We never really finished ironing out the kinks, ♥ ℒʊ√ ♥, so I'm not surprised there's still an issue there. If you want my help in getting it sorted, though, I'll need you to keep the code in place. David Clark, I thought that would be the case ~ so I created a "default 2" theme for Alisha's code and kept yours in place on the original "default" theme.
|
|
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 Nov 9, 2014 11:48:28 GMT -8
|
|
inherit
(?)?
188910
0
Jan 26, 2013 13:30:48 GMT -8
♥ ℒʊ√ ♥
Clouds float into my life no longer to carry rain or usher storm but to add color to my sunset sky.
10,458
January 2013
luv
|
Post by ♥ ℒʊ√ ♥ on Nov 9, 2014 11:49:20 GMT -8
|
|