The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Profile field seporator

3 posters

Go down

In progress Profile field seporator

Post by taggedup 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
Profile field seporator  EZEmv
is there a css code 4 invision ?
thanks
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. 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

Profile field seporator  9nKV
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup 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

Profile field seporator  9nKV
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
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by Nera. 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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup 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
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup 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

Profile field seporator  9nKV
hi yh the shadow does work but it dont show up on my computer i can see all my other css work
plz reply
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

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

Explorer wont show if set like that.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup 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
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

In progress Re: Profile field seporator

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

Does anybody have the code for this but for PunBB?
dmwdead909
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. 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

Profile field seporator  9sTu

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

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Profile field seporator

Post by taggedup 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

Profile field seporator  9sTu

@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 Profile field seporator  9nKV
avatar
taggedup
Forumember

Posts : 42
Reputation : 3
Language : english

Back to top Go down

Back to top

- Similar topics

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