Featured Member in the Table_Top

Anna

Member
Not something I want to introduce right now, but I am just curious how it would look like.....
What would it take to move the featured members (randomly selected) from the sidebar to the top of the table_top instead? As in this list: http://www.veggiemind.com/veggietoppen/

Is it a completly new plugin that needs to be created or is it just simple coding that is needed?
 

Basti

Administrator
Staff member
Should work if you copy the content of table_top_row.html and paste it to featured_member
then place the tag above the {$content} tag in wrapper
 

Anna

Member
It worked - kind of. I want to fix three things before I judge if I like it or not:
  1. randomize the pages that pops up just as with featured member. As of now it is the same page for the same site..... Including ranking number. LOL!
  2. Add some background colour
  3. Add the description of the site to the right of the banner
This is the code I put in so far:
Code:
<div class="table_top_title"><span class="rank">#{$rank}</span><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">{$title}</a></div>
    <div class="table_top_inside_border">
    <div class="table_top_inside"><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}" rel="nofollow"><img src="{$banner_url}" alt="{$title}"  class="vistip" title="{$title}"/></a>
 

cajkan

Active Member
HTML:
<div class="table_top_title"><span class="rank">#{$rank}</span><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">{$title}</a></div>
    <div class="table_top_inside_border">
    <div class="table_top_inside"><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}" rel="nofollow"><img src="{$banner_url}" alt="{$title}"  class="vistip" title="{$title}"/></a>
Info:
<div class="table_top_title"> = USER TITLE
<span class="rank">#{$rank}</span> = RANK NUMBER
<a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">{$title}</a> = URL
<div class="table_top_inside_border"> = Probably color border
<div class="table_top_inside"> = This could be the background color
<a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}" rel="nofollow"> = DETAILS PAGE

Ok first this HTML part is missing </div>
You can make new CSS rule for featured member,

#featured_table_top_title { CSS CODE HERE }
#featured_table_top_inside_border { CSS CODE HERE }
#featured_table_top_inside { CSS CODE HERE }

and inside featured html code you can replace all div classes.

If you still have problems with this, would be good if you add some screenshots, give us URL for faster and better preview.
This are small changes, so if u cant fix i can help you out with teamviewer, or in any other way.

VL one community, one family
 

Anna

Member
OK, I am getting closer... But not close enough I'm afraid. Is there a specific tag for bringing up a banner instead of screenshot in the featured member section? The only close enough I found was {$banner_url} which obviously just brings up the adress. The site looks like a mess right now - but it is just because I am experimenting alot: http://www.findatarotreader.com
 

Basti

Administrator
Staff member
Yes its just a url -.- you still need the img code
Code:
<img src="{$banner_url}" alt="{$title}" />
 

Anna

Member
Works like a charm! *Happy dance* Just some tweaking:
1) How do I get the title and description to end up on a separate line from the banner?
2) Background colour? How do I add? To just that particular cell.
http://www.findatarotreader.com
 

cajkan

Active Member
#2 - go to skins/skinname/ and look for file screen.css

Line 520:
Code:
.table_top {
    margin: 20px 0;
    background: #f4f4f4 url('img/gold-band.png') top right no-repeat;
    border:  1px solid #f2f2f2; padding: 0px;
    box-shadow: 2px 1px 5px #666;
Change the #f4f4f4 with any other color that you want.

About #1 i dont get it lol :p
 

Basti

Administrator
Staff member
Nope cajkan, that chanes every cell ;) and screen.css should not be edited when working with a customized parabola skin to ensure updates go smooth

1) new line in html is the <br /> tag, simply place it after the banner
2) Surround your coding with a div and an id like this
Code:
<div id="featured_member">
  all your current coding is here
</div>
Then into user.css place
Code:
#featured_member {
    background: #f2f2f2;
}
 

Anna

Member
But thats the thing - (as written in an earlier post) cant get access to my user.css..... So if not using that where to then?
 

cajkan

Active Member
You must have access to all your files, FTP, MySQL, Web Control Panel... etc.

your user.css is inside your skin folder.
 

Anna

Member
OK getting there!!! However - is there a possibility to show featured members above content and ONLY on the ranking pages? Not in stast-pages and custom pages....?
 

Anna

Member
Gah! OK, thanks for telling me. Then it is a bit over my head right now and I do not feel that I want to pay anyone either as it is right now. Oh well, it was a fun project while it lastet :)
 

Basti

Administrator
Staff member
Anna, try to paste the featured member tag from wrapper into table_wrapper.html instead. That file shows content only on the ranking pages
 

Anna

Member
OK, I think I found a good middle-ground: I just pasted the featured_member tag above the content-tag in the wrapper (Table_wrapper did not do anything when I tried it) I think I can survive the FM being shown on all pages. But what is more akward is the fact that I now get a 3/4 of a page of empty space before the real content. Why is that?
http://www.spindelmor.se
 

Mark

Administrator
Staff member
It's not doing that for me (safari browser) but usually that s caused by an element that is too wide for a floated container, or an extra closing div tag.
 
Top