![]() |
|
Mod Options |
![]() |
|||||||||||||||||||||||||||||||
Awesome footer with Social Icons
![]() Developer Last Online: Sep 2023 ![]() ![]() ![]()
![]() Provided by Eminem Forum
WHAT DOES THIS DO? This will help you in achieving a 4colum footer with social icons & you can customize it to match your needs. Screen Shot: ![]() Lets get it started ![]() Backup your footer template before making any changes. This was tested on vbulletin 3.8.x Default skin & it worked fine. Go to your Admin CP->>>Your Style>>>Edit Templates>>>footer Remove the following code first.
Now, find
Above that add...
Go to your Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>>In the second box add this
Upload the folder social to your forum root. If you wanna center your columns, add this to the additional.css
********************* INSTALLATION INSTRUCTIONS *********************** 1 - Edit your footer template 2 - Additional CSS Definitions edit 3 - Upload the folder social to your forum root. 4- Make the appropriate changes to the description & links to match with your site. 4.X version here Please click Mark as Installed if you are using this hack. Feel free to click on the Support Developer link and donate any amount you feel is appropriate. Download Now Only licensed members can download files, Click Here for more information. Show Your Support
No members have liked this post.
|
![]() |
||||
Mod | Developer | Type | Replies | Last Post |
65 Awesome Post Icons | Skedoozy | Miscellaneous Images | 29 | 13 Oct 2015 07:55 |
Forum Home Enhancements Awesome footer with Social Icons. | socialteenz | vBulletin 4.x Template Modifications | 144 | 07 Jan 2014 20:56 |
Black + Yellow Awesome Status Icons | XiTCLUB | vBulletin Status Icon Sets | 11 | 04 Jun 2013 06:25 |
Comments |
#2
|
||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||
FAQ:
1) Where do i edit the site title? To change the site title, open your footer template, find..
Change it to match your needs. 2) Where do i edit the site description? To change the site description, open your footer template, find..
Change it to match your needs. 3)How to change Recommended Links title ? Open footer template, find..
Change it to match your needs. 4) How do i edit the contents of the Recommended Links?
Replace this with your links 5)How to change Quick Links title? Open footer template find..
Change it to match your needs. 6) How do i edit the contents of the Quick Links? Open Footer template, find
Replace this with your links 7) How to link the icons to my social accounts? Open footer template, find
Below that, you can Find
Replace # with your links 8) How to move the vbseo copyright like yours? Open, footer template find..
Above add
9) Can i move other copyrights like vbseo? Yes, sure you can move by adding them just below
10) Why have your removed the version no of vbulletin? You can refer to this post.
__________________
Web development done right. read my Reviews (59) from here. Pm me - for custom forum work & web development No members have liked this post.
|
#3
|
||||||||
|
||||||||
1) How to change the black background of your footer column?
Open, Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>>, find
Replace #000 with your background color/image. 2) How to change the red title color? Open, Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>> find
Replace #FF0000 with your color. For the remaining doubts just ask here, i will try to help you out.
__________________
Web development done right. read my Reviews (59) from here. Pm me - for custom forum work & web development No members have liked this post.
|
#4
|
|||
|
|||
Well done, Great mod mate, keep up the good job! I saw this for vB 4.x was waiting for you to do this for vB3.8!
Example Image: ![]() After installing it, some of the links cant stay fit, and looks like they are set to be in the middle of everything else.. I its maybe because my theme is custom! I am going to make a few changes later, and hopefully it will work. I will get back and click on the Installed button if it does.. GREAT JOB
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
No members have liked this post.
Last edited by ChiNa; 23 Aug 2012 at 01:27. |
#5
|
||||
|
||||
now this is awesome!
![]() The following members like this post: socialteenz
|
#6
|
||||
|
||||
Originally Posted by ChiNa-Man
Like i said, i tested this on default skin & it worked fine.![]()
Try reducing the width, hopefully it will fix the problem. .col4 { float: left; margin-left: 56px; width: 262px; }
__________________
Web development done right. read my Reviews (59) from here. Pm me - for custom forum work & web development No members have liked this post.
|
#7
|
||||
|
||||
there are some huge monitors or small monitor, is there any way to adjust it automatically with the size of the screens?
No members have liked this post.
|
#8
|
||||
|
||||
Wow thanks for this
No members have liked this post.
|
#9
|
|||
|
|||
Thanks for this modification; good job!
__________________
Greetings Klaus No members have liked this post.
|
#11
|
||||
|
||||
Originally Posted by Kolektor
If you wanna center your columns, add this to the additional.css![]()
__________________
Web development done right. read my Reviews (59) from here. Pm me - for custom forum work & web development No members have liked this post.
|
#12
|
|||
|
|||
how does it auto-resize as crashes in phone etc...?
No members have liked this post.
|
#13
|
|||
|
|||
not works for me and also tell me where i put this code
.footer1 .container { width: 1090px; margin: auto; }
__________________
internetpharmacydir.com No members have liked this post.
|
#14
|
||||
|
||||
Add this to the additional.css
__________________
Web development done right. read my Reviews (59) from here. Pm me - for custom forum work & web development No members have liked this post.
|
#15
|
|||
|
|||
how do I change the color of the linked text (not the hover color)?
No members have liked this post.
|
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 07:38.