News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

How to edit wrapper

Started by systemD2540, January 21, 2017, 02:09:16 PM

Previous topic - Next topic

systemD2540

I need to add icon facebook link to pages on top right forums
But after added it not pretty spot

How to remake that ?

simple I test code

<div id="wrapper" style="width: 95%">
<div id="linkarea">
<a href="http://HOME.com/">TEST HOME</a>
</div>

Bob Perry of Web Presence Consulting

Quote from: systemD2540 on January 21, 2017, 02:09:16 PM
I need to add icon facebook link to pages on top right forums
But after added it not pretty spot

How to remake that ?

simple I test code

<div id="wrapper" style="width: 95%">
<div id="linkarea">
<a href="http://HOME.com/">TEST HOME</a>
</div>


Is that the code you added to your site? If so, it is missing one of the closing </div>'s ...
Best Regards,
Bob Perry



"The world is moving so fast these days that the man who says it can't be done is generally interrupted by someone doing it." Elbert Hubbard

Linkjay

Here. This should work.


<div id="wrapper" style="width: 95%">
<div id="linkarea">
<a href="https://facebook.com">
              <img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-facebook-circle-128.png" style="width:50px;float:right">
                </a>
     </div>
</div>


You're going to want to take the long link in the src tag on the image and store it locally on your server then link it.

Here is an example on what it looks like on MY header (it doesn't match my theme lol) (Full size):

I play games in my free time and volunteer my knowledge and support to the gaming communities of the internet.

You can contact me by these methods:
Use my Contact Script • PM me here • Add me on Steam

Shambles

Quote from: Linkjay
You're going to want to take the long link in the src tag on the image and store it locally on your server then link it.


Please be advised that your embedded link is syntactically incorrect as a URI

systemD2540

#4
it not closer top

Linkjay

I play games in my free time and volunteer my knowledge and support to the gaming communities of the internet.

You can contact me by these methods:
Use my Contact Script • PM me here • Add me on Steam

systemD2540

I need move icon go to top-right


Linkjay

Quote from: systemD2540 on January 22, 2017, 10:08:22 PM
Quote from: Linkjay on January 22, 2017, 09:04:14 PM
Quote from: systemD2540 on January 22, 2017, 08:42:37 PM
it not closer top

Not quite sure what you mean.

Please read in PM

You're asking if there is a way to make it go to the top right without the style tag aka inline CSS. As far as I know, you can't do that. The style tag shouldn't be an issue. Why is it you want to remove it and use a different method?
I play games in my free time and volunteer my knowledge and support to the gaming communities of the internet.

You can contact me by these methods:
Use my Contact Script • PM me here • Add me on Steam

systemD2540

I want to make style like this

RMS Home | Guide Writing | Test Server | New Servers | Latest Reviews

Is pretty spot and move facebook icon replace to seachbox

Linkjay

Quote from: systemD2540 on January 24, 2017, 05:37:41 AM
I want to make style like this

RMS Home | Guide Writing | Test Server | New Servers | Latest Reviews

Is pretty spot and move facebook icon replace to seachbox

You can try yourself by looking for the input tag (which is the search bar) and pasting in this


<a href="https://facebook.com">
              <img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-facebook-circle-128.png" style="width:50px;float:right">
                </a>


But most likely it won't be proper with the CSS. If it is, great. If it isn't, there isn't much I can do for you without the theme code. What theme are you using?
I play games in my free time and volunteer my knowledge and support to the gaming communities of the internet.

You can contact me by these methods:
Use my Contact Script • PM me here • Add me on Steam

systemD2540


Steve

DO NOT pm me for support!

systemD2540


Advertisement: