Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #1  
Old 03-25-2011, 12:20 AM
juaquin juaquin is offline
 
Join Date: Mar 2011
Posts: 1
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default WordPress Header

Hello, everyone. I am new to vBulletin but would like to incorporate it into my WordPress blog. I am using this guide (https://vborg.vbsupport.ru/showthread.php?t=242454) in combination with this one (http://depressedprogrammer.wordpress...rdpress-theme/) but am not getting anywhere.

What I want to do is this: http://www.davedays.com/forums and http://www.bigblueball.com/forums

Thanks in advance for any help!
Reply With Quote
  #2  
Old 04-09-2011, 08:45 AM
doc fluty doc fluty is offline
 
Join Date: Aug 2010
Posts: 45
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I would like to figure this out as well...

Best i did was use the same files i used to create my header and logo in the forum... so it kinda looks the same

see what i mean by looking here http://www.bootcamp4me.com

But i love that davedays site you posted... looks much cleaner than my attempt
Reply With Quote
  #3  
Old 04-13-2011, 10:14 PM
Jaiibee's Avatar
Jaiibee Jaiibee is offline
 
Join Date: Sep 2007
Location: Australia
Posts: 81
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Bigblueball has created a forum style that is similar to their blogs.

If you want to keep the same style amongst different aspects of your site, I would recommend getting familiar with vBulletins templating and style sheets and trying to port over the style you want.

If you do port over a style, please post it up on vborg with the permission of the original designers permission
Reply With Quote
  #4  
Old 04-16-2011, 07:45 PM
notrious notrious is offline
 
Join Date: Mar 2007
Location: New York
Posts: 373
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Simple add the header code if you just want the header and modify the rest of colour scheme.
Reply With Quote
  #5  
Old 04-17-2011, 04:31 PM
doc fluty doc fluty is offline
 
Join Date: Aug 2010
Posts: 45
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

lol.. you make it sound so easy... I have to find my header info and then find out where to paste it in the vb4...
Reply With Quote
  #6  
Old 04-19-2011, 04:40 PM
Warlord's Avatar
Warlord Warlord is offline
 
Join Date: Jan 2002
Location: TN, USA
Posts: 668
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Just view your source code on your word press blog and then paste the header code (that you get from your word press blog source code) in your vbulletin header template.

You'll have to comment out (or delete) your normal vbulletin header though or you'll have two headers.
Reply With Quote
  #7  
Old 04-19-2011, 07:50 PM
doc fluty doc fluty is offline
 
Join Date: Aug 2010
Posts: 45
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Ok.. im going to give this a shot.

My site is http://www.bootcamp4me.com by the way if you need it for reference.

So i will need to find my header info on my wordpress, copy it and paste it in the place where my vb4 header is.

If you can help me locate my header code for the site and vb I would greatly appreciate it.

Im not used ot working with php files.

Thanks in advance

--------------- Added [DATE]1303246918[/DATE] at [TIME]1303246918[/TIME] ---------------

I found the header html code using firebug... but that cant be it right?

I need some css to make the links inline and what about my blue bg?

I found my header.php file... is that what I should stick somewhere in my vbulletin file?

Does it matter that my VB is in a different directory than my wordpress?
Reply With Quote
  #8  
Old 04-24-2011, 04:28 PM
Da-Vinci Da-Vinci is offline
 
Join Date: Mar 2010
Posts: 249
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Here is your header

HTML Code:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>ASVAB Help | BootCamp4Me</title>

<link rel="shortcut icon" href="http://bootcamp4me.com/wp-content/uploads/2011/02/favicon.ico" />

<!-- Feeds and Pingback -->
<link rel="alternate" type="application/rss+xml" title="BootCamp4Me RSS2 Feed" href="http://bootcamp4me.com/feed/" />
<link rel="pingback" href="http://bootcamp4me.com/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="BootCamp4Me &raquo; Feed" href="http://bootcamp4me.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="BootCamp4Me &raquo; Comments Feed" href="http://bootcamp4me.com/comments/feed/" />
<meta name="description" content="Ready For The ASVAB? Enlisting in the U.S. Armed Forces means meeting specific requirements and benchmarks. Military service is not for everyone. Beyond..." />
<link rel="alternate" type="application/rss+xml" title="BootCamp4Me &raquo; ASVAB Help Comments Feed" href="http://bootcamp4me.com/asvab-help/feed/" />
<meta name="keywords" content="ASVAB Help, military forum, enlisted, navy enlisted pay chart 2010, go army, army jobs, enlistment, usaf enlistment, army basic combat training, reserve, coast guard" />

<meta name="robots" content="index,follow,noodp,noydir" />
<link rel="canonical" href="http://bootcamp4me.com/asvab-help/" />
<link rel='stylesheet' id='theme-style-css'  href='http://bootcamp4me.com/wp-content/themes/striking/css/screen.css?ver=3.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='theme-skin-css'  href='http://bootcamp4me.com/wp-content/themes/striking/cache/skin.css?ver=3.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='tabs-slides-css'  href='http://bootcamp4me.com/wp-content/plugins/wordpress-tabs-slides/style/default.css?ver=2.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='tabs-slides-hacks-css'  href='http://bootcamp4me.com/wp-content/plugins/wordpress-tabs-slides/hacks.css?ver=2.0.1' type='text/css' media='all' />
<script type='text/javascript' src='http://bootcamp4me.com/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/jqueryslidemenu.js?ver=3.1.1'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/jquery.tools.tabs.min.js?ver=1.2.5'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/jquery.colorbox-min.js?ver=1.3.16'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/jquery.swfobject.1-1-1.min.js?ver=1.1.1'></script>

<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/video.js?ver=2.0.2'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/custom.js?ver=3.1.1'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-includes/js/comment-reply.js?ver=20090102'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/jquery.tools.validator.min.js?ver=1.2.5'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/plugins/wordpress-tabs-slides/ts/tabs_slides.js?ver=2.0.1'></script>
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/plugins/wordpress-tabs-slides/ts/tabs_slides_opt_loader.js?ver=2.0.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://bootcamp4me.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://bootcamp4me.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='BootCamp4Me' href='http://bootcamp4me.com/' />
<link rel='prev' title='About Us' href='http://bootcamp4me.com/about-us/' />
<link rel='next' title='Air Force Basic Military Training' href='http://bootcamp4me.com/branches/air_force_basic_training/' />

<meta name="generator" content="WordPress 3.1.1" />
<script type='text/javascript' src='http://bootcamp4me.com/wp-content/themes/striking/js/cufon-yui.js?ver=1.09i'></script>

<!--[if IE 6 ]>
	<link href="http://bootcamp4me.com/wp-content/themes/striking/css/ie6.css" media="screen" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="http://bootcamp4me.com/wp-content/themes/striking/js/dd_belatedpng-min.js"></script>
	<script type="text/javascript" src="http://bootcamp4me.com/wp-content/themes/striking/js/ie6.js"></script>
<![endif]-->
<!--[if IE 7 ]>
<link href="http://bootcamp4me.com/wp-content/themes/striking/css/ie7.css" media="screen" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if IE 8 ]>
<link href="http://bootcamp4me.com/wp-content/themes/striking/css/ie8.css" media="screen" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if IE]>
	<script type="text/javascript" src="http://bootcamp4me.com/wp-content/themes/striking/js/html5.js"></script>
<![endif]-->
<script type='text/javascript'>

</script><script type="text/javascript">
var image_url='http://bootcamp4me.com/wp-content/themes/striking/images';
</script>
</head>

<body>

<header id="header">
	<div class="inner">
		<div id="logo">

			<a href="http://bootcamp4me.com/"><img class="ie_png" src="http://bootcamp4me.com/wp-content/uploads/2011/03/logod.png" /></a>
		</div>
		<nav id="navigation" class="jqueryslidemenu"><ul id="menu-navigation" class="menu"><li class="page_item page-item-11"><a href="http://bootcamp4me.com/meps/" title="MEPS">MEPS</a></li>
<li class="page_item page-item-8 current_page_item"><a href="http://bootcamp4me.com/asvab-help/" title="ASVAB Help">ASVAB Help</a></li>
<li class="page_item page-item-13"><a href="http://bootcamp4me.com/branches/" title="Branches">Branches</a>
<ul class='children'>
	<li class="page_item page-item-29"><a href="http://bootcamp4me.com/branches/air_force_basic_training/" title="Air Force Basic Military Training">Air Force Basic Military Training</a></li>
	<li class="page_item page-item-35"><a href="http://bootcamp4me.com/branches/army_basic_combat_training/" title="Army Basic Combat Training">Army Basic Combat Training</a></li>

	<li class="page_item page-item-37"><a href="http://bootcamp4me.com/branches/coast-guard/" title="Coast Guard Basic Training">Coast Guard Basic Training</a></li>
	<li class="page_item page-item-39"><a href="http://bootcamp4me.com/branches/marine-corps-recruit-training/" title="Marine Corps Recruit Training">Marine Corps Recruit Training</a></li>
	<li class="page_item page-item-42"><a href="http://bootcamp4me.com/branches/us-navy/" title="US Navy Recruit Training">US Navy Recruit Training</a></li>
</ul>
</li>
<li class="page_item page-item-624"><a href="http://bootcamp4me.com/military-forum/" title="Military Forum">Military Forum</a></li>
<li class="page_item page-item-15"><a href="http://bootcamp4me.com/boot-camp-exercises/" title="Boot Camp Exercises">Boot Camp Exercises</a></li>
</ul></nav>	</div>

</header>
</body>
Everything between the <body></body> tags is the HTML that needs to go in your VB templates, either the Navbar or Header.
Reply With Quote
  #9  
Old 01-22-2012, 09:15 PM
Jason @ Warrior Jason @ Warrior is offline
 
Join Date: Feb 2009
Location: Tualatin, Oregon
Posts: 4
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks to all who offered help on this. I was able to take my image slider and incorporate it into the top of my forum header easily. I've been trying to figure that out off and on for a week and a half!
Reply With Quote
  #10  
Old 01-23-2012, 12:40 AM
AFemaleProdigy's Avatar
AFemaleProdigy AFemaleProdigy is offline
 
Join Date: Mar 2006
Location: Murrells Inlet, SC
Posts: 216
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Some extra info for you....

The header in vBulletin is located in admincp->styles &templates->edit templates->header. The header in WordPress is typically located in header.php in your theme directory.

You will need to make sure you close out any tags that might have been closed out through other includes for theme/style structure. That really just depends on the design of your theme/style. For example, some WordPress headers leave open tags which are later closed in the page or footer includes. Don't expect to just copy the header and not make any changes to the existing code because you may have to.

You will also need to either reference the style sheet or add any css to the receiving platform's stylesheet. Same goes for image and file references used in the headers.

If you are trying to load content from one platform's database to another (example:vBulletin member stats in a WordPress header), then it becomes more complicated.
Reply With Quote
Reply

Thread Tools
Display Modes

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 05:54 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.04022 seconds
  • Memory Usage 2,295KB
  • Queries Executed 13 (?)
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
  • (1)bbcode_html
  • (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
  • (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_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
  • 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
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete