XF 1.2 Some question for optimizing my forum

[NGS]

Hi,
I have a few questions to ask yourself.

I want to replace my navigation bar that allows mounted and down the page as a bar like this. (Example: http://fr-modz.com)

then

I would like to know how to enable my logo header becomes transparant, but not all at once, I would like to see that progress towards transparancy to give you an example, flew over the logo of the site: http:// realitygaming.fr

then

I would like the menu tabs down the overview of our nickname is the small icon like this:

then

I would like my personal details on a message like this:

the places they appear like this:

then

I want my number message, I love ect. focus appears like this:

(With small logo at the beginning)

And finally,

I love the last post of a topic created appears as text with a tag like this

(This is the last post of a topic in the staff section, this allows faster editing the post rather than going into the template of the admin cp)

 

[NGS]

Untested, but try adding float: left; to each of the definitions, since that display is correct,

Does not work.

 

[Jeremy]

Does not work.

Do you have a link to your forums so I can mess with some different CSS definitions?

 

[NGS]

Do you have a link to your forums so I can mess with some different CSS definitions?

Yes,
My forum: http://codqg.net
Forum and I saw the change: http://realitygaming.fr

 

[Jeremy]

If you apply float: right; into those CSS selectors as per Brogan, they will appear as such:

 

[NGS]

Unfortunately not.

Here is what it shows men

Here is my css

.messageUserBlock .extraUserInfo dl.userField_NitendoNetwork dt {
float: left;
display: none !important;
}

 

[Paul B]

You are floating something which is not being displayed.

Apply the float to the element which contains the image.

 

[NGS]

I do not understand too, could you guide me with the code, I'm not really specialize in coding.

 

[TPerry]

I do not understand too, could you guide me with the code, I'm not really specialize in coding.

What he is referring to is you showed code for Nintendo - but your example shows for xBox and PlayStation. Do you have similar code for each one of those in your EXTRA.css?

 

[Jeremy]

Unfortunately not.

Here is what it shows men

Here is my css

.messageUserBlock .extraUserInfo dl.userField_NitendoNetwork dt {
float: left;
display: none !important;
}

I'm sorry, I misread the original CSS. Use this:

.messageUserBlock .extraUserInfo dl.userField_NitendoNetwork dd {
  float: right;
}

It places them to the right, floating left doesn't seem to work.

 

[NGS]

What he is referring to is you showed code for Nintendo - but your example shows for xBox and PlayStation. Do you have similar code for each one of those in your EXTRA.css?

Yes

 

[TPerry]

Yes

Try @King Kovifor code then. When I looked at it on my system they were listed under the "dd" segment instead of the "dt" also... so the float:right should work.

 

[NGS]

I'm sorry, I misread the original CSS. Use this:

.messageUserBlock .extraUserInfo dl.userField_NitendoNetwork dd {
  float: right;
}

It places them to the right, floating left doesn't seem to work.

thank you,
It works, could you tell me to center in the middle

 

[Jeremy]

Since I'm not at a computer, no. Try adding a margin-right to the playstation's code. @Azhria Lilu may be able to help further.

 

[NGS]

Since I'm not at a computer, no. Try adding a margin-right to the playstation's code. @Azhria Lilu may be able to help further.

could you tell me where I should place it ?

.messageUserBlock .extraUserInfo dl.userField_Gamertag dd {
  float: right;
}

 

[Lisa]

Your code appears to be severely messed up. You might want to fix those issues before focusing on the gamer images.

 

[NGS]

Your code appears to be severely messed up. You might want to fix those issues before focusing on the gamer images.

View attachment 51333

Yes, I worry that I do this is why it is not, but I've seen it on another forum

 

[NGS]

Your code appears to be severely messed up. You might want to fix those issues before focusing on the gamer images.

View attachment 51333

This is due to an addon that allows you to hide the link to the visitor, I disabled.

 

[NGS]

Help me,

and

Hi,
I have a few questions to ask yourself.

I want to replace my navigation bar that allows mounted and down the page as a bar like this. (Example: http://fr-modz.com and http://realitygaming.Fr )

 

[Jeremy]

Since I'm not at a computer, no. Try adding a margin-right to the playstation's code. @Azhria Lilu may be able to help further.

Try that.

 

[NGS]

I'm not very good at coding, could you tell me or place the margin-right

Here is my code

.messageUserBlock .extraUserInfo dl.userField_Playstation dt {
float: left;
display: none !important
}

.messageUserBlock .extraUserInfo dl.userField_Playstation dd {
  float: right;
}