Profile field seporator
3 posters
Page 1 of 1
Profile field seporator
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
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
Re: Profile field seporator
Hi,
You are on Invision?
Try this, add it to your CSS, you can change colors and border radius etc.
You will get this
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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Profile field seporator
thanks 4 replyingNera. 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
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
Re: Profile field seporator
- Code:
.postprofile-details dd {
background: none repeat scroll 0 0 lightgrey;
border: 1px solid black;
margin: 1em;
padding: 5px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Profile field seporator
hi yh ive made them box exactly the same as ngu now got rounded corners now thank youNera. wrote:
- Code:
.postprofile-details dd {
background: none repeat scroll 0 0 lightgrey;
border: 1px solid black;
margin: 1em;
padding: 5px;
}
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;
}
and the second box is emty wot is it 4?
thanks again
taggedup- Forumember
- Posts : 42
Reputation : 3
Language : english
Re: Profile field seporator
hi yh the shadow does work but it dont show up on my computer i can see all my other css workNera. 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
plz reply
taggedup- Forumember
- Posts : 42
Reputation : 3
Language : english
Re: Profile field seporator
Explorer wont show if set like that.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Profile field seporator
wot do u mean m8 ?Nera. wrote:Explorer wont show if set like that.
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
Re: Profile field seporator
PunBB go to wievtopic_body template and find this
Than add this to CSS
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.
- Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
- 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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Profile field seporator
yh the shadow works but it dont show on my pcNera. wrote:PunBB go to wievtopic_body template and find this
Replace it with this
- Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
- 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.
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
Similar topics
» How do i do this Profile field?
» Text field profile field as a widget
» New profile field.
» Profile Field did not show in profile
» Add a Profile's Field.
» Text field profile field as a widget
» New profile field.
» Profile Field did not show in profile
» Add a Profile's Field.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum