vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   Community Reviews (https://vborg.vbsupport.ru/forumdisplay.php?f=14)
-   -   A new approach ... (https://vborg.vbsupport.ru/showthread.php?t=311760)

K4GAP 06-03-2014 09: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 06-03-2014 09:52 AM

Quote:

Originally Posted by K4GAP (Post 2500506)
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 06-03-2014 10:51 PM

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

K4GAP 06-04-2014 12:20 AM

Quote:

Originally Posted by BBNZowner (Post 2500601)
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 06-04-2014 02: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 06-04-2014 09:29 PM

the top method worked, thanks


All times are GMT. The time now is 12:19 AM.

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.02379 seconds
  • Memory Usage 1,727KB
  • 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
  • (2)bbcode_code_printable
  • (2)bbcode_html_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (6)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