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 Look

View previous topic View next topic Go down

Profile Look

Post by Guest on March 10th 2012, 11:14 pm

Okay so I had a thread here:

Click me

But it hasn't been solved. The type of layout I want is the second picture. Can anyone help me make/have that layout please?

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 11th 2012, 9:42 am

Add in CSS Stylesheet:
Code:
.inputbox{
background-color: #3F3;
border: 1px solid #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 12th 2012, 7:06 pm

How do you add it?

Guest
Guest


Back to top Go down

Re: Profile Look

Post by shawn.m on March 12th 2012, 7:10 pm

Go to your admin cp - display colors - then click css style sheet and just paste it in there!

shawn.m
Forumember

Male Posts : 365
Reputation : 0
Language : English

http://modifiedcarroom.com/

Back to top Go down

Re: Profile Look

Post by Guest on March 12th 2012, 7:21 pm

It still looks the same. :3

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 14th 2012, 2:06 am

Bump. Please help.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 16th 2012, 3:46 pm

Bump.

What I meant to add was that I put the code but it's still the same.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 16th 2012, 5:41 pm

Hi!

Can you provide your forum url? Thank you.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 17th 2012, 2:33 pm

Well it's:

here.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by WeezyFBaby on March 17th 2012, 2:44 pm

Go to, Admin CP -> Display & Colors -> CSS.

And paste the following code in,

Code:
        .inputbox{
        background-color: #3F3;
        border: 1px solid #EEE;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        }

-WeezyFBaby.

WeezyFBaby
Forumember

Posts : 90
Reputation : 4
Language : English
Location : Under your bed with a box of cookies XD

Back to top Go down

Re: Profile Look

Post by Guest on March 17th 2012, 3:51 pm

What is that code supposed to do? Because it's still the same format/it looks exactly the same.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 17th 2012, 5:35 pm

So, if you want to see that green box when click on try this:
Code:
.inputbox{
background-color: #3F3 !important;
border: 1px solid #EEE !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}

If you want that to see that when view the profile:
Code:
.field_uneditable{
background-color: #3F3 !important;
border: 1px solid #EEE !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 18th 2012, 2:07 am

Thanks but I don't mean the color. I mean like the design. How it's formatted.

(As you see the squares are a bit longer than the other one)

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 18th 2012, 8:50 am

A little bit explications...
background-color: #3F3 !important; => the underline characters mean the HEX HTML Color. See this: http://www.w3schools.com/html/html_colors.asp That color is for background color;
border: 1px solid #EEE !important; => 1px means the width of the border, and #EEE means the border color;
-webkit-border-radius: 5px !important; => how much rounded are corners;
-moz-border-radius: 5px !important; => how much rounded are corners;
border-radius: 5px !important; => how much rounded are corners;
So, you need to change only underlined words, nothing elso. Also please note, don't delete the word px.

P.S. If you want to change the color of the text also, add a new line after the last, this: border-radius: 5px !important; this code you see below:
color: #FFF !important; => #FFF means the white text color.
So, the code will be like:
Code:
.field_uneditable{
background-color: #3F3 !important;
border: 1px solid #EEE !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
color: #FFF !important;
}
or, like:
Code:
.inputbox{
background-color: #3F3 !important;
border: 1px solid #EEE !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
color: #FFF !important;
}

So, just edit how do you want the underlined characters,
Good luck!

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 18th 2012, 6:15 pm

All it does is change the background color. I didn't really get your last post but this is what I meant.

So you see the layout? Like the squares are bigger and how there are three sections? Not tabs? Well that's sort of what I would like...

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on March 31st 2012, 1:39 am

Bump

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on April 14th 2012, 3:44 am

Bump

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on April 21st 2012, 2:04 pm

Bump.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by TenzoNakamiXD on April 21st 2012, 5:28 pm

Anna, Please (Again?) Don't Spam Here.
If You Want To Do Something The Best For Your Forum, Why Don't You Study With Steve Jobs and Tim Berners-Lee (The Founder of HTML) and Create Your Own HTML Like PotterBB or Whatever or, Start Studying phpBB3 and Edit The CSS And HTML By Yourself!
There's No One Can Help You With Tons of Request From You, Unless They Are Your Technician.
If You Are Bored For Studying HTML And CSS, Why Don't You Find A Technician For Your Forum?
Just Ask Moderator To Create You New Post About Finding A Good Technician.

I Appreciate Your Hardwork Here, But They Cant Help You With The Perfection You Want From Them!

Regards,

TenzoNakamiXD
Forumember

Posts : 113
Reputation : 1
Language : English, Indonesian

http://mhulz-team.forumq.net

Back to top Go down

Re: Profile Look

Post by Base on April 21st 2012, 7:18 pm

TenzoNakimiXD:

Your post is completely inappropriate and is not needed. If you have nothing useful to say, do not post at all. If I ever see you posting something as horrible as that again, I will give you a serious warning. Every member is entitled to support here, regardless of the nature of the problem. This message does not require a reply.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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