The Arcive of Official vBulletin Modifications Site.

K4GAP · #11 06-03-2014, 10:37 AM

Ol arthur ritus wouldn't let me sleep so I re-did my header area on my entry page. Did I mess it up to bad?

ForceHSS · #12 06-03-2014, 10:52 AM

Quote:

Originally Posted by K4GAP

Ol Arthur Ritus wouldn't let me sleep so I re-did my header area on my entry page. Did I mess it up too bad?

Looks good

BBNZowner · #13 06-03-2014, 11:51 PM

I like the new light colour scheme on the landing page, very easy on the eyes

K4GAP · #14 06-04-2014, 01:20 AM

Quote:

Originally Posted by BBNZowner

I like the new light colour scheme on the landing page, very easy on the eyes

Thanks guys,
It means a lot to have ones peers acknowledge your work.

Now I'm working on ways to improve the "landing page" without increasing it's load time. I want to add a functional "light" footer with my social media icons.

I'm looking to add this code:

Code:

.social-popout {
    height: 48px;
    width: 48px;
    margin: 10px;
    float: left;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.social-popout img {
    border-radius: 50%;
    margin: 8px;
    width: 100%;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.social-popout img:hover {
    margin: 0px;
    box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}

With this code on the page:

Code:

<div class="social-popout"><img src="images/social/youtube.png" /></div>

All I know is, I have two pieces of code to make it work but have no idea on where to or how to call the css? or where to place the css. The landing page is not part of vb so I can't put it in the additional where a lot of other code goes ....

BBNZowner · #15 06-04-2014, 03:02 AM

You can insert the css right into the page itself

HTML Code:

<head>
<style type="text/css">
your css code
</style>
</head>

Or create a css file, and call on it in your html

HTML Code:

<style type="text/css">
@import "yourstyle.css";
</style>

I'm not an expert but I've used those methods

K4GAP · #16 06-04-2014, 10:29 PM

the top method worked, thanks

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04114 seconds Memory Usage 2,240KB Queries Executed 14 (?)
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 (2)bbcode_code (2)bbcode_html (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 (6)post_thanks_box (2)post_thanks_box_bit (6)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (2)post_thanks_postbit (6)post_thanks_postbit_info (6)postbit (6)postbit_onlinestatus (6)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_postinfo_query fetch_postinfo 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 fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
K4GAP

Благодарность от:
K4GAP

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!