WordPress Header [Archive]

juaquin

03-25-2011, 12:20 AM

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.com/2009/07/06/integrating-vbulletin-with-a-wordpress-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!

doc fluty

04-09-2011, 07:45 AM

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

Jaiibee

04-13-2011, 09:14 PM

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 :)

notrious

04-16-2011, 06:45 PM

Simple add the header code if you just want the header and modify the rest of colour scheme.

doc fluty

04-17-2011, 03:31 PM

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...

Warlord

04-19-2011, 03:40 PM

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.

doc fluty

04-19-2011, 06:50 PM

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 1303246918 at 1303246918 ---------------

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?

Da-Vinci

04-24-2011, 03:28 PM

Here is your header

<!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" />


<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 » Feed" href="http://bootcamp4me.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="BootCamp4Me » 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 » 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>





<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.

Jason @ Warrior

01-22-2012, 08:15 PM

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!

AFemaleProdigy

01-22-2012, 11:40 PM

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.

dale09

02-10-2012, 06:16 AM

I know this is somewhat of an older thread. I am curious if you guys could recommend anyone who provides a service that would do such a thing. Wrap my vbulletin install with my WP install.

AFemaleProdigy

02-10-2012, 02:07 PM

I know this is somewhat of an older thread. I am curious if you guys could recommend anyone who provides a service that would do such a thing. Wrap my vbulletin install with my WP install.

I can do that for you! PM me or get my contact details from my website (in my signature). You can also see my portfolio there.