vb.org Archive - Forum Home Enhancements - Awesome footer with Social Icons.

Page 4 of 4

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - Awesome footer with Social Icons. (https://vborg.vbsupport.ru/showthread.php?t=286140)

ozzy47

09-04-2013 04:04 PM

Quote:

Originally Posted by GaryT (Post 2443183)

What would this code look like if the background was an image.

Code:

.footer1 { background: #000; }

Something like so:

Code:

.footer1 { background: url(images/chain_gradient.jpg; }

images being the location of the image.

chain_gradient.jpg being the name of the image.

K4GAP

09-04-2013 04:06 PM

Quote:

Originally Posted by ozzy47 (Post 2443189)

Something like so:

Code:

.footer1 { background: url(images/chain_gradient.jpg; }

images being the location of the image.

chain_gradient.jpg being the name of the image.

Thanks Ozzy I'll give it a try

ozzy47

09-04-2013 04:54 PM

Let me know if that does it, I did not test it out as I don't have this installed.

socialteenz

09-04-2013 05:03 PM

Quote:

Originally Posted by GaryT (Post 2443183)

What would this code look like if the background was an image.

Code:

.footer1 { background: #000; }

Here you go.

Code:

.footer1 {  

background: url(url of the image) repeat fixed left top #5A9229; 

}



or



.footer1 {  

background-image: url(url of the image);

}

K4GAP

09-04-2013 06:50 PM

Quote:

Originally Posted by ozzy47 (Post 2443209)

Let me know if that does it, I did not test it out as I don't have this installed.

Yep that did it. Looks good, check it out. Link on sig.

K4GAP

09-04-2013 06:52 PM

Quote:

Originally Posted by socialteenz (Post 2443212)

Here you go.

Code:

.footer1 {  

background: url(url of the image) repeat fixed left top #5A9229; 

}



or



.footer1 {  

background-image: url(url of the image);

}

Thanks social. btw, love your site :)

socialteenz

09-04-2013 07:04 PM

Quote:

Originally Posted by GaryT (Post 2443233)

Thanks social. btw, love your site :)

Thanks man, ha i am gonna dump that site real soon.

My current forum :D

ozzy47

09-04-2013 07:04 PM

Quote:

Originally Posted by GaryT (Post 2443232)

Yep that did it. Looks good, check it out. Link on sig.

Looks good, glad it worked out. :)

K4GAP

09-04-2013 07:08 PM

Quote:

Originally Posted by socialteenz (Post 2443236)

Thanks man, ha i am gonna dump that site real soon.

My current forum :D

Your new site is very pleasant on the eyes. Looks great!

xRaW	09-04-2013 09:26 PM

It does look very nice indeed, thank you for sharing this!

watty005

09-05-2013 07:20 PM

1 Attachment(s)

Thanks for this, it looks great! But i'm having trouble changing the color of the white text links, please see attachment, thanks.

socialteenz

09-05-2013 07:27 PM

Quote:

Originally Posted by watty005 (Post 2443519)

Thanks for this, it looks great! But i'm having trouble changing the color of the white text links, please see attachment, thanks.

Open your additional.css

Find

Code:

.footer1 a {

    color: whitesmoke;  

    text-shadow: 0 1px 0 #373736;

    font:small-caps bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;

}

.footer1 a:hover {

    color: #1B93DF;

}

Replace White smoke with your preferred color & change the hover to match the selected color.

socialteenz

09-05-2013 07:43 PM

Quote:

Originally Posted by watty005 (Post 2443519)

Also i would suggest you to edit your body wrapper's width to something like this.

Code:

.wrapper1 {

    margin: 0 auto;

    min-width: 779px;

    position: relative;

    width: 90%; or 1100px;







}

Just my 0.2 cent, not necessary to do this edit though ;)

watty005

09-06-2013 04:59 AM

Quote:

Originally Posted by socialteenz (Post 2443528)

Open your additional.css

Find

Code:

.footer1 a {

    color: whitesmoke;  

    text-shadow: 0 1px 0 #373736;

    font:small-caps bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;

}

.footer1 a:hover {

    color: #1B93DF;

}

Replace White smoke with your preferred color & change the hover to match the selected color.

Thanks for your help, great mod by the way!

watty005

09-06-2013 05:04 AM

Quote:

Originally Posted by socialteenz (Post 2443531)

Also i would suggest you to edit your body wrapper's width to something like this.

Code:

.wrapper1 {

    margin: 0 auto;

    min-width: 779px;

    position: relative;

    width: 90%; or 1100px;







}

Just my 0.2 cent, not necessary to do this edit though ;)

Where would I find this please? Also when I view this mod on mobile device the footer looks too big for my forum it looks too wide to the right, but it looks normal if you visit my site on a pc. Thanks again

socialteenz

09-06-2013 08:39 AM

Quote:

Originally Posted by watty005 (Post 2443629)

On your additional.css file.

Bob_R

11-04-2013 04:49 PM

1 Attachment(s)

See screenshot:

Can't read the text?? Only "Vbulletin" comes out clearly. If you squint you can see 12:44 PM and EST (on a seperate line) shouldn't they be on the same line?

Firstly, I'd like to at least be able to read/see it.

Secondly on the same line would be nice.

For whatever reason I'm having a bad day and can't find where to change this. I'm usually pretty good with this. :o:

socialteenz

11-04-2013 04:52 PM

Quote:

Originally Posted by Bob_R (Post 2458198)

Can i have your site url?

Bob_R

11-04-2013 05:09 PM

I have it on a test skin. Please advise.

socialteenz

11-04-2013 05:23 PM

Make sure you have copied the codes to your additional.css template.

With out taking a look, i can't assist you further.

Be assured that the same set up work for the rest of us, so you have made a mistake.

Bob_R

11-04-2013 05:49 PM

Something to do with these lines.

class="shade footer_time"
class="shade footer_morecopyright"

Changed background from black to white and can see all text.

FYI: All additional.css code accounted for as per instructions

Bob_R

11-04-2013 07:27 PM

I got it. All is well. Now, I'll decide if I even wish to use this.

john7911

11-05-2013 10:25 AM

Thank you :)

john7911

11-17-2013 04:47 PM

Thank you ;)

K4GAP

01-07-2014 08:56 PM

This would be so cool if it got all it's formatting from the style being used. I wouldn't expect the submitter to help me any as he has changed to another cms. But, would any of you other readers have any insight into how this could be done?

All times are GMT. The time now is 04:10 PM.

Page 4 of 4

« First

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01673 seconds Memory Usage 1,780KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (14)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (25)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: