The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile field seporator

View previous topic View next topic Go down

In progress Profile field seporator

Post by taggedup on September 19th 2011, 12:32 am

Hi yh is it possible 2 put a box around profile feilds in post area like ngu here http://www.nextgenupdate.com/forums/site-announcements/161875-nextgenupdate-forum-rules.html
or a line between them
like this but in post area

is there a css code 4 invision ?
thanks

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. on September 20th 2011, 4:09 pm

Hi,

You are on Invision?

Try this, add it to your CSS, you can change colors and border radius etc.

Code:
.postprofile-details dd {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px;
    margin: 1em;
    padding: 5px;
}

You will get this


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup on September 20th 2011, 10:33 pm

@Nera. wrote:Hi,

You are on Invision?

Try this, add it to your CSS, you can change colors and border radius etc.

Code:
.postprofile-details dd {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px;
    margin: 1em;
    padding: 5px;
}

You will get this

thanks 4 replying
an thanks 4 the code
but it dont have rounded corners or shadow like ur pic do i need a nother code ?
thanks

i figured how 2 get round corners i just added a nother bit of a code
wots th second box 4 its just empty ?
and i cant seem 2 get a shadow round it
n1


Last edited by taggedup on September 20th 2011, 10:45 pm; edited 1 time in total

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. on September 20th 2011, 10:41 pm

Code:
.postprofile-details dd {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    margin: 1em;
    padding: 5px;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup on September 20th 2011, 11:05 pm

@Nera. wrote:
Code:
.postprofile-details dd {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    margin: 1em;
    padding: 5px;
}
hi yh ive made them box exactly the same as ngu now got rounded corners now thank you
heres the code
Code:
.postprofile-details dd {
 background: none repeat scroll 0 0 #EBEBEB;
 border: 1px solid #DEDEDE;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
 box-shadow: 0 0 8px;
 margin: 1em;
 padding: 5px;
}
in ur pic it has a shadow round the boxs in the code it hasnt
and the second box is emty wot is it 4?
thanks again

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup on September 21st 2011, 1:52 pm

@Nera. wrote:Hi,

You are on Invision?

Try this, add it to your CSS, you can change colors and border radius etc.

Code:
.postprofile-details dd {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px;
    margin: 1em;
    padding: 5px;
}

You will get this

hi yh the shadow does work but it dont show up on my computer i can see all my other css work
plz reply

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. on September 21st 2011, 1:53 pm

Explorer wont show if set like that.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup on September 22nd 2011, 9:16 pm

@Nera. wrote:Explorer wont show if set like that.
wot do u mean m8 ?
im using firefox
and all my other css shows on my site on my pc

yh the code works perfect another member said the shadows works it just dont show on pc

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by dmwdead909 on September 22nd 2011, 9:48 pm

Does anybody have the code for this but for PunBB?

dmwdead909
Forumember

Male Posts : 124
Reputation : 0
Language : English
Location : Pomona

http://lmc-forums.inmyclan.com

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. on September 22nd 2011, 10:32 pm

PunBB go to wievtopic_body template and find this

Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
Replace it with this

Code:
<span class="novo">                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</span>

Than add this to CSS
Code:
.novo {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px;
    line-height: 30px;
    margin: 1em;
    padding: 5px;
}

http://movingagain.forumcroatian.com/t14-this-is-a-topic



@taggedup do you see the shadow on the link I posted. I'm on Mozilla and I see it.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup on September 22nd 2011, 10:44 pm

@Nera. wrote:PunBB go to wievtopic_body template and find this

Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
Replace it with this

Code:
<span class="novo">                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</span>

Than add this to CSS
Code:
.novo {
    background: none repeat scroll 0 0 lightgrey;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px;
    line-height: 30px;
    margin: 1em;
    padding: 5px;
}

http://movingagain.forumcroatian.com/t14-this-is-a-topic



@taggedup do you see the shadow on the link I posted. I'm on Mozilla and I see it.
yh the shadow works but it dont show on my pc
do u no why ?
im using firefox
all my other css works fine

and do u no wot the second box is 4

taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum