how to add Website(s) name in postbit like WJ

[Divvy]

I was doing this for couple of days ,but I just dont get it right.

I wanna add Website(s) name in postbit like wjunction



Did some of my own ,and the results are terrible



Is any of you guys know how to do it right ?

Below is what I did so far.

Added to CSS:

.tinyfont {
    font-size: 10px;
}
.tinyfont .webs {
    margin-bottom: 4px;
}
.tinyfont .webs div {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F9FAFA;
    border-color: #E5E5E5 #E5E5E5 #E0E0E0;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    margin-top: 2px;
    overflow: hidden;
    padding: 2px 3px 3px;
    white-space: pre;
    width: 130px;
}
.tinyfont .webs div:hover {
    border: 1px solid #CCCCCC;
}
.tinyfont .webs div a {
    display: block;
}

Added the code below to postbit_legacy:

<div class="tinyfont"><div class="webs">
<if condition="$post['field5']">$post[field5]</if>
</div></div><br /><br />

What I'm missing?
Can someone help me? :-)

Thank you!

[Jeff Ledger]

can you give me a link to your site?

[Divvy]

Jeff Ledger, PM sent

[Jeff Ledger]

Css goes here

.sitelinks {
    background: none repeat scroll 0 0 #F9FAFA;
    border: 1px solid #EAEAEA;
    margin-bottom: 4px;
    padding: 2px 5px;
    overflow: hidden;      /*important */
    width: 130px; /* set it to your postbit side width */
}

Add this to your postbit

<div class="sitelinks">
<if condition="$post['field5']">$post[field5]</if>
</div>

also it would be better if the links in field5 will be added like this

<p>link 1</p>
<p>link 2</p>
....

[Divvy]

Thank you mate! It works



Btw, why is not my code worked? I had everything in there... And the other website dont have the .sitelinks css.

I think that don't need to make the <p>link 1</p> thing, because layout is now fine with your code like you can see in the image above

Is difficult to make the website links clickable? :P

[Jeff Ledger]

about the <p> tags. It something likes, table works but pure css is better.

I write my own css based on these site you linked and removed some unneeded line. Just it. You don't need 2 classes to display a simple background with border in your old code.

your current stage maybe like this:

link.com
link1.com
link2.com

change it to st like

<a href="link">link.com</a>
<a href="link1">link1.com</a>

Then you get it clickable

[Divvy]

Originally Posted by Jeff Ledger

your current stage maybe like this:

link.com
link1.com
link2.com

change it to st like

<a href="link">link.com</a>
<a href="link1">link1.com</a>

Then you get it clickable

Ohhh yes I know that, but I dont want this only for me... I need to make automaticly like the other website have, so when my members added their URLS, will auto clickable without need the html code to make that
Is not possible? Too much work? Sorry to boring you mate and thank you for helping me.

[Jeff Ledger]

possible only in case you will add multi-type fields

like this
<div class="sitelinks">
<if condition="$post['field5']"><a href="$post[field5]">$post[field5]</a></if>
<if condition="$post['field6']"><a href="$post[field6]">$post[field6]</a></if>
<if condition="$post['field7']"><a href="$post[field7]">$post[field7]</a></if>
<if condition="$post['field8']"><a href="$post[field8]">$post[field8]</a></if>
</div>

Then in every field they just put one link, and it will be clickable

[Divvy]

Ohhh damn... is not possible in other way?

[Jeff Ledger]

You will need to hire someone to creat you a custom mods.

Not anything can be done using custom template.

or your users must fill out st like

<a href="link">link.com</a>
<a href="link1">link1.com</a>

in the field 5.