Go Back   vb.org Archive > Community Discussions > Modification Requests/Questions (Unpaid)
Reload this Page How to create a footer column like this one
FAQ Community Calendar Today's Posts Search

Reply
Page 1 of 2 1 2
 
Thread Tools Display Modes
  #1  
Old 12-29-2011, 10:16 PM
Cystomatic Cystomatic is offline
 
Join Date: Sep 2011
Posts: 15
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default How to create a footer column like this one
Hello I have recently seen the vBulletin style "Ideal" and I saw a very nice feature at the footer where you can add different links.

How can I create such a footer?

Here is a preview:
Reply With Quote
  #2  
Old 12-30-2011, 04:57 AM
alaska_av8r alaska_av8r is offline
 
Join Date: Dec 2009
Posts: 88
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
I like this as well
Reply With Quote
  #3  
Old 12-31-2011, 01:52 AM
dany_danay dany_danay is offline
 
Join Date: Jul 2009
Posts: 142
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
mee too
Reply With Quote
  #4  
Old 12-31-2011, 02:21 AM
final kaoss final kaoss is offline
 
Join Date: Apr 2006
Posts: 1,314
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Easy, just look at the source code.
http://forumtecn0logia.com/calendar....20000&langid=1

PHP Code:
Copyright ? 2011 vBulletin Solutions, Inc. All rights reserved.  
            <!-- Do not remove this copyright notice --> 
          </div>
          
</div>
</div>

<div id="foot">
  <div id="foot_top">
    <div class="main_wrap">
      <div class="below_body">
<div id="footer_column_1">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column One Header
</h4>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>

<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_2">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column Two Header
</h4>
<ul>

<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_3">
<div class="footer_column_inner">

<h4 class="footer_column_header">
About Us
</h4>
<div>
Lorem ipsum dolor sit amet, sem mauris, eget aenean. Nulla nisl. Ut sit libero, amet aliquam potenti. Eu pede molestie, integer velit nibh, lorem imperdiet. Facilisis malesuada consequat, eget lacus consectetuer, risus nam id.
</div>
</div>
</div>
<div id="footer_column_4">
<div class="footer_column_inner">

<h4 class="footer_column_header">
Search
</h4>
    <div>
        <form class="footer_search" id="footer_search" method="post" action="search.php?do=process">

            
            <input type="hidden" value="guest" name="securitytoken"/>
            <input type="hidden" value="process" name="do"/>
            <input type="text" tabindex="99" class="textbox" name="query" value=""/>
            <input type="image" tabindex="100" onclick="document.getElementById('navbar_search').submit;" name="submit" src="images/tf_ideal/blue/buttons/search.png" class="searchbutton"/>
        </form>
    </div>
    <div id="footer_advanced_search">
    <a accesskey="4" href="search.php?">Advanced Search</a>

    </div>

<div id="social_icons_footer">
<h4 class="footer_column_header">
Connect With Us
</h4>
<div>
<a href="#"><img alt="Facebook" src="images/tf_ideal/social/facebook.png" title="Facebook"/></a>
<a href="#"><img alt="Myspace" src="images/tf_ideal/social/myspace.png" title="Myspace"/></a>
<a href="#"><img alt="Blogger" src="images/tf_ideal/social/blogger.png" title="Blogger"/></a>
<a href="#"><img alt="Twitter" src="images/tf_ideal/social/twitter.png" title="Twitter"/></a>
<a href="#"><img alt="YouTube" src="images/tf_ideal/social/youtube.png" title="YouTube"/></a>
</div>
</div>
<div class="clear"/>
</div></div>

        <div class="clear"/>
      </div>
    </div>
  </div>
  <div id="foot_bottom">
    <div class="main_wrap">
      <div id="foot_bottom_inner"> 

<div class="floatcontainer footer" id="footer">
  <ul class="footer_links" id="footer_links">

    
      <li><a href="http://www.forumtecn0logia.com">F?rum Tecn0logia</a></li> 
Reply With Quote
  #5  
Old 12-31-2011, 02:51 PM
Cystomatic Cystomatic is offline
 
Join Date: Sep 2011
Posts: 15
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by extreme-gaming View Post
Easy, just look at the source code.
http://forumtecn0logia.com/calendar....20000&langid=1

PHP Code:
Copyright ? 2011 vBulletin Solutions, Inc. All rights reserved.  
            <!-- Do not remove this copyright notice --> 
          </div>
          
</div>
</div>

<div id="foot">
  <div id="foot_top">
    <div class="main_wrap">
      <div class="below_body">
<div id="footer_column_1">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column One Header
</h4>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>

<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_2">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column Two Header
</h4>
<ul>

<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_3">
<div class="footer_column_inner">

<h4 class="footer_column_header">
About Us
</h4>
<div>
Lorem ipsum dolor sit amet, sem mauris, eget aenean. Nulla nisl. Ut sit libero, amet aliquam potenti. Eu pede molestie, integer velit nibh, lorem imperdiet. Facilisis malesuada consequat, eget lacus consectetuer, risus nam id.
</div>
</div>
</div>
<div id="footer_column_4">
<div class="footer_column_inner">

<h4 class="footer_column_header">
Search
</h4>
    <div>
        <form class="footer_search" id="footer_search" method="post" action="search.php?do=process">

            
            <input type="hidden" value="guest" name="securitytoken"/>
            <input type="hidden" value="process" name="do"/>
            <input type="text" tabindex="99" class="textbox" name="query" value=""/>
            <input type="image" tabindex="100" onclick="document.getElementById('navbar_search').submit;" name="submit" src="images/tf_ideal/blue/buttons/search.png" class="searchbutton"/>
        </form>
    </div>
    <div id="footer_advanced_search">
    <a accesskey="4" href="search.php?">Advanced Search</a>

    </div>

<div id="social_icons_footer">
<h4 class="footer_column_header">
Connect With Us
</h4>
<div>
<a href="#"><img alt="Facebook" src="images/tf_ideal/social/facebook.png" title="Facebook"/></a>
<a href="#"><img alt="Myspace" src="images/tf_ideal/social/myspace.png" title="Myspace"/></a>
<a href="#"><img alt="Blogger" src="images/tf_ideal/social/blogger.png" title="Blogger"/></a>
<a href="#"><img alt="Twitter" src="images/tf_ideal/social/twitter.png" title="Twitter"/></a>
<a href="#"><img alt="YouTube" src="images/tf_ideal/social/youtube.png" title="YouTube"/></a>
</div>
</div>
<div class="clear"/>
</div></div>

        <div class="clear"/>
      </div>
    </div>
  </div>
  <div id="foot_bottom">
    <div class="main_wrap">
      <div id="foot_bottom_inner"> 

<div class="floatcontainer footer" id="footer">
  <ul class="footer_links" id="footer_links">

    
      <li><a href="http://www.forumtecn0logia.com">F?rum Tecn0logia</a></li> 
Just tried it, it didn't work
Reply With Quote
  #6  
Old 12-31-2011, 04:24 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
What *exactly* did you try (that is only a portion of the footer, not the whole thing)? And can we get a link to see it so we can see what is wrong.
Reply With Quote
  #7  
Old 01-02-2012, 02:13 PM
Toorak Times's Avatar
Toorak Times Toorak Times is offline
 
Join Date: Jan 2011
Posts: 436
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Hi Lynne,

Mick here, www.tooraktimes.com.au, This footer would add that little bit of publishing wise panache I need at the bottom of my page. Does this tie in with the site map also?

Cheers, and Happy New Year
Reply With Quote
  #8  
Old 01-05-2012, 12:28 PM
final kaoss final kaoss is offline
 
Join Date: Apr 2006
Posts: 1,314
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Hold the phone just a minute here... Why do you have so many premium skins installed?
Attached Images
File Type: png 2012-01-05_0728.png (76.0 KB, 0 views)
Reply With Quote
  #9  
Old 01-05-2012, 04:41 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Toorak Times View Post
Hi Lynne,

Mick here, www.tooraktimes.com.au, This footer would add that little bit of publishing wise panache I need at the bottom of my page. Does this tie in with the site map also?

Cheers, and Happy New Year
Does what tie into the site map? I have no idea what you are asking about.
Reply With Quote
  #10  
Old 01-05-2012, 09:53 PM
alaska_av8r alaska_av8r is offline
 
Join Date: Dec 2009
Posts: 88
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
I went into the footer template and posted
PHP Code:
<div class="main_wrap">
  <div style="clear: left">  
      </div>

</div>

</div>

<div id="body_footer">
<div class="main_wrap">

    <form action="forum.php" method="get" id="footer_select" class="footer_select">

            
        
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="Seletor R?pido de Estilos">
                    <option value="1" class="" >-- Default Style</option><option value="5" class="" >-- TF Ideal (Fixed)</option><option value="7" class="" >---- TF Ideal Blue (Fixed)</option><option value="8" class="" selected="selected">------ TF Ideal Blue (Fluid)</option><option value="6" class="" >---- TF Ideal (Fluid)</option>

                </optgroup>
            </select>    
        
        
        
            <select name="langid" onchange="switch_id(this, 'lang')">
                <optgroup label="Seletor R?pido de Idioma">
                    <option value="1" class="" >-- English (US)</option><option value="3" class="" selected="selected">-- Portugu?s (Brasil)</option>
                </optgroup>
            </select>
        
    </form>

          <div id="footer_copyright" class="shade footer_copyright"> 
            <!-- Do not remove this copyright notice --> 
            Powered by <a href="http://www.vbulletin.com" id="vbulletinlink">vBulletin&trade;</a> Version 4.1.9 <br />Copyright &copy; 2012 vBulletin Solutions, Inc. All rights reserved.  
            <!-- Do not remove this copyright notice --> 
          </div>
          
</div>
</div>

<div id="foot">
  <div id="foot_top">
    <div class="main_wrap">
      <div class="below_body">
<div id="footer_column_1">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column One Header
</h4>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>

<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_2">
<div class="footer_column_inner">
<h4 class="footer_column_header">
Column Two Header
</h4>
<ul>

<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
<li><a href="#">Example Link 5</a></li>
<li><a href="#">Example Link 6</a></li>
</ul>
</div>
</div>
<div id="footer_column_3">
<div class="footer_column_inner">

<h4 class="footer_column_header">
About Us
</h4>
<div>
Lorem ipsum dolor sit amet, sem mauris, eget aenean. Nulla nisl. Ut sit libero, amet aliquam potenti. Eu pede molestie, integer velit nibh, lorem imperdiet. Facilisis malesuada consequat, eget lacus consectetuer, risus nam id.
</div>
</div>
</div>
<div id="footer_column_4">
<div class="footer_column_inner">

<h4 class="footer_column_header">
Search
</h4>
    <div>
        <form action="search.php?do=process" method="post" id="footer_search" class="footer_search">

            
            <input type="hidden" name="securitytoken" value="guest" />
            <input type="hidden" name="do" value="process" />
            <input type="text" value="" name="query" class="textbox" tabindex="99" />
            <input type="image" class="searchbutton" src="images/tf_ideal/blue/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/>
        </form>
    </div>
    <div id="footer_advanced_search">
    <a href="search.php?" accesskey="4">Pesquisa Avan?ada</a>

    </div>

<div id="social_icons_footer">
<h4 class="footer_column_header">
Connect With Us
</h4>
<div>
<a href="#"><img src="images/tf_ideal/social/facebook.png" alt="Facebook" /></a>
<a href="#"><img src="images/tf_ideal/social/myspace.png" alt="Myspace" /></a>
<a href="#"><img src="images/tf_ideal/social/blogger.png" alt="Blogger" /></a>
<a href="#"><img src="images/tf_ideal/social/twitter.png" alt="Twitter" /></a>
<a href="#"><img src="images/tf_ideal/social/youtube.png" alt="YouTube" /></a>
</div>
</div>
<div class="clear"></div>
</div></div>

        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div id="foot_bottom">
    <div class="main_wrap">
      <div id="foot_bottom_inner"> 

<div id="footer" class="floatcontainer footer">
  <ul id="footer_links" class="footer_links">

    
      <li><a href="http://www.forumtecn0logia.com">F?rum Tecn0logia</a></li>
    
    
    
    
      <li><a href="archive/index.php?">Arquivo</a></li>
    
    
    
    
    
      <li><a href="sendmessage.php?" rel="nofollow" accesskey="9">Fale Conosco</a></li>
    
  </ul>
  
  <script type="text/javascript">
    <!--
        // Main vBulletin Javascript Initialization
        vBulletin_init();
    //-->
    </script> 
  
</div>

<div id="footer_morecopyright" class="shade footer_morecopyright"> 
            <!-- Do not remove cronimage or your scheduled tasks will cease to function --> 
            <img src="http://www.forumtecn0logia.com/cron.php?rand=1325711339" alt="" width="1" height="1" border="0" /> 

            <!-- Do not remove cronimage or your scheduled tasks will cease to function --> 
            

</div>

<div style="display: none;">

</div>
<div class="clear"></div>


      </div>
      <div class="clear"></div>
    </div>
  </div>
</div> 



It is not working so I am obviously missing some code because it is not recognizing the columns that they have, everything left aligns.

I also edited my own footer code and cannot get it to recognize columns. Sorry not too good at this php stuff. This is as far as I have gotten with it. http://www.boatinghowto.com/forum.php
Reply With Quote
Reply
Page 1 of 2 1 2

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


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

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04355 seconds
  • Memory Usage 2,454KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (3)bbcode_php
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (1)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete