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 Sat 10 Mar - 17:14

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 Sun 11 Mar - 3:42

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 Mon 12 Mar - 13:06

How do you add it?

Guest
Guest


Back to top Go down

Re: Profile Look

Post by shawn.m on Mon 12 Mar - 13:10

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

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Re: Profile Look

Post by Guest on Mon 12 Mar - 13:21

It still looks the same. :3

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on Tue 13 Mar - 20:06

Bump. Please help.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on Fri 16 Mar - 9:46

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 Fri 16 Mar - 11:41

Hi!

Can you provide your forum url? Thank you.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on Sat 17 Mar - 8:33

Well it's:

here.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by WeezyFBaby on Sat 17 Mar - 8:44

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.
avatar
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 Sat 17 Mar - 9:51

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 Sat 17 Mar - 11:35

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 Sat 17 Mar - 20:07

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 Sun 18 Mar - 2:50

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 Sun 18 Mar - 12:15

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 Fri 30 Mar - 18:39

Bump

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on Fri 13 Apr - 20:44

Bump

Guest
Guest


Back to top Go down

Re: Profile Look

Post by Guest on Sat 21 Apr - 7:04

Bump.

Guest
Guest


Back to top Go down

Re: Profile Look

Post by TenzoNakamiXD on Sat 21 Apr - 10:28

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 Sat 21 Apr - 12:18

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.
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1693
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