How do I make the vB Drupal style look like my forum?

[sifuhall]

There's a new book entry added:

How do I make the vB Drupal style look like my forum? (http://www.vbdrupal.org/node/11)



You will need to modify drupal_header and drupal_footer templates, to match the customization done on your forum style. Make sure not to cut and paste any links, as absolute links from vB will not work, you just need to add $vboptions[bburl] to any vB links.

[grundybin]

To the User who wrote this: This is the most poorly documented thing I have seen in my entire life. Mr User SHAME SHAME SHAME.:mad:

[sifuhall]

Hello grundybin.

vbDrupal, and Drupal in general may be a type of software you are not familiar with. It is open source software licensed under the GPL and is maintained by communities and users just like you.

As such you should feel free to contribute to the documentation in areas you can help.

[grundybin]

Oh ignore me. I couldn't make sense of it because it looked too 'simple' but it was a simple operation so its all good :)

[pancho]

Just installed vbdrupal. Seems to be working well and great job by the vb team.

I would like to encapsulate the vBulletin forum within my drupal header and blocks as has been done on this site but I am rather simple. Could someone please point me in the right direction.

my paths are:
://localhost/vbdrupal
://localhost/vbdrupal/forum

Really appricate any advice.

pancho

[arcanium]

ive had this same issue for weeks and i cant find a resolve for it yet, it seems to be broke.

[bacchus102]

Just installed vbdrupal. Seems to be working well and great job by the vb team.

I would like to encapsulate the vBulletin forum within my drupal header and blocks as has been done on this site but I am rather simple. Could someone please point me in the right direction.

my paths are:
://localhost/vbdrupal
://localhost/vbdrupal/forum

Really appricate any advice.

pancho

I am looking for this solution as well. Everything documentation wise seems to point toward making your drupal site look like your vbulletin forum. I want my drupal site as is and just want to put my vbulletin forum inside its theme just like this site.

I tried a variety of searches but without luck. Can someone please point me in the right direction?

Thanks

[Goddess]

I am looking for this solution as well. Everything documentation wise seems to point toward making your drupal site look like your vbulletin forum. I want my drupal site as is and just want to put my vbulletin forum inside its theme just like this site.

I tried a variety of searches but without luck. Can someone please point me in the right direction?

Thanks

i posted a quickie guide here that might help -
http://vbdrupal.org/forum/showthread.php?t=1011

[bacchus102]

i posted a quickie guide here that might help -
http://vbdrupal.org/forum/showthread.php?t=1011

I appreciate the quick reply.

I think where my confusion stems from is this site itself. It looks like a drupal site with the danger4k theme wrapped around a vbulletin installation. So you would think that by default if I installed vbdrupal that I could mimmick the functionality of this "showcase" site where the software originated. Yet, I get an opposite effect. I can make my site look like vbulletin but not make vbulletin look like my drupal site (as is the case here.)

Am I the first person ever to be confused by this ? :D

P.s. I looked at the link provided but I do not see how that is going to bring the css attributes of the drupal theme to vbulletin.

[bacchus102]

I have been thinking about this and maybe I phrased my question wrong, so I am going to try again:

Lets say I had a clean install of vbdrual to the root of my server and in a folder called "forums" I had vbulletin installed just like this site. Lets say I also had the danger4k theme installed in my drupal themes directory and had it enabled. After doing that I created a new menu item called "forums" and it linked to the forums directory where index.php for the vbulletin installation was located.

What would I have to do so like this site when I clicked on that forums link, the actual forums were still encompassed in the danger4k theme (just like this site?)

Thanks!

[Goddess]

I think where my confusion stems from is this site itself. It looks like a drupal site with the danger4k theme wrapped around a vbulletin installation. So you would think that by default if I installed vbdrupal that I could mimmick the functionality of this "showcase" site where the software originated. Yet, I get an opposite effect. I can make my site look like vbulletin but not make vbulletin look like my drupal site (as is the case here.)

Am I the first person ever to be confused by this ? :D

nope. but when i started with vbdrupal, i was a noob to both drupal and vbdrupal, so i wasn't sure what i was doing. and you're right: this site is drupal with the danger4k theme wrapped around it. and yes, you can do this with vbdrupal, but it's not an automatic function.

P.s. I looked at the link provided but I do not see how that is going to bring the css attributes of the drupal theme to vbulletin.

you didn't look at the whole thread, did ya? :p

essentially, wrap vb in the drupal theme, you have to figure out the container structure from your drupal theme to recreate it in vbtemplates, which is what that link i provided talks about. and at the end of that thread, i talked about css styles specifically.

to give you an idea, here's what i did for where i am now..i started out with bluemarine for my site, since it's a simple layout and i'm not an expert drupal themer. i did a "show source" on the display to get the html code it generates for that theme.

from that, i grabbed the code and pulled it into dreamweaver and put notes in there so i could get the basic layout structure. i made up a dummy page from that code so i know what tables it put in, where the sidebars where, etc. and figured out where my vb would go (i.e. the content part of the page). i used this for a reference. adding comments, when you put it in your vb templates, you can see what's displaying where.

the trick now is figuring out how to wrap your vb, right? if you go through the link i provided, it shows where to add the sidebar blocks. this is essentially what you're doing when you wrap your drupal theme: emulating the layout in the vb templates and adding the drupal provided region content with those block variables in the structure you've recreated on the vb side.

the table code will need to be specific for the drupal theme you're trying to emulate, but the locations in the templates should be about the same places if your'e doing left and right sidebars and footer...it takes some trial and error to get it to look the same on both sides. (note: some additional work will be required to get the site search or primary links to display/work properly on the vb side if they aren't being called from a block region. if that's what you're doing, it can be done with a phptemplate theme and is beyond the scope of this response, but the basic look you can do pretty easily.)

on the css -- i grabbed the list of all the stylesheets drupal was pulling (drupal performance setting changed to not aggregate css for the work), and diabled and enabled them one at a time via commenting out the lines in my vb template header to determine which ones conflicted with my vb styles. once you figure this out, you may have to go down to the style rule level for conflicts for the style sheet, but this allows you to narrow it down a little at a a time. it also keeps you from pulling lots of style sheets you don't need in your vb side.

this takes a while, but allows you to get the drupal styles you need without conflicting with your vb styles. i arrived at the process from trial and error, after i tried pulling all drupal styles first, then trying to manually figure out the specifc style rules i needed and add them to vb's style area, etc. i spent a few days on this and the one-at-a-time stylesheet did the best. the css drupal uses is a little more advanced than i'm used to. if you're a css whiz, it might not be the easiest way for now.

and i matched the colors, etc. on my vb theme to look good with my drupal theme.

in other words, there's not a setting you can just turn on to put your forums in the content area of your drupal theme. it does take some work.

[Goddess]

IWhat would I have to do so like this site when I clicked on that forums link, the actual forums were still encompassed in the danger4k theme (just like this site?)

i understand what you want to do and linked you instructions for how to accomplish it...it's just more work than you want it to be, i'm thinking.

good luck.

[bacchus102]

Wow! Thanks for taking the time to explain in detail your process - an iframe is looking good at this point. ;)

I am just not sure if I am skilled enough with vB templates to pull it off. I am a long time Drupal user, but relatively new to vB.

I appreciate the breakdown.

[Goddess]

Wow! Thanks for taking the time to explain in detail your process - an iframe is looking good at this point. ;)

I am just not sure if I am skilled enough with vB templates to pull it off. I am a long time Drupal user, but relatively new to vB.

I appreciate the breakdown.

no problem. i'm sure it will probably help someone else who's confused with the process-just as i was initially.

i'm NOT particularly good with vb templates, and had intially hoped to avoid getting my hands dirty in 'em at all. har! if you're willing to do the stepbystep, you can do it with minimal vbtemplate experience, i know because i didn't have any and still am not too good with 'em...if you don't have the html skills to know what is what in page code, though, you'll have a very difficult time.

and if you do try and have questions, i'll help if i can. i struggled with the same issues starting out, but you pick it up.

[hjmaier]

Hello,

here a file to import with the mentioned Template modification system.

The modifications will display the left and right blocks only in index.php of the forum. But of course it is easy to modify this.

Best regards
Hans-Joachim

[hjmaier]

One comment:

I strongly recomment not using the templates to decide on which part of the forum the vbDrupal blocks will appear. They will consume a huge ammount of server time.

Instead use the vbDrupal plugin load drupal blocks.

Best regards
Hans-Joachim

[Guy Bruner]

Hans-Joachim,
Would you mind explaining how to use the plugin system to load the vbDrupal blocks...and how to skin the blocks in the forums to match the main page of vbDrupal?

[sifuhall]

Hans-Joachim,
Would you mind explaining how to use the plugin system to load the vbDrupal blocks...and how to skin the blocks in the forums to match the main page of vbDrupal?


here are some tips from Goddess about that:
http://vbdrupal.org/forum/showthread.php?t=1011

[Guy Bruner]

Yes, I have read and reread that post. I have incorporated Goddess's script and I have all the blocks enabled and working. I have read and reread every post you have made on VBdrupal 4.7 about incorporating drupal_css and have cut and pasted until I'm not sure anymore that I have any of the original VB script (it's all red). No success.

If you would just tell me which style sheets you modified for this site and where you got the script to remove vB script interferences, I think I could muddle through. I'd like to understand it better so I can modify other themes in the future if I decide to change. I am not using defaultangy.

[sifuhall]

The stylesheets modified for this style are the vbulletin stylesheet (the name depends on what your default template is) and style.css in themes/danger4k.

I'm not sure what you mean by the script to remove vb script. Could you clarify that please?

[Guy Bruner]

I'm not sure what you mean by the script to remove vb script. Could you clarify that pleaseSorry for the awkward wording. I just meant what mods were made to the vB script to keep it from blocking drupal_css from loading.

Right now, none of my drupal CSS for the header, both left and right columns and footer is embedding. For example, in Firefox Web Developer editing CSS for my site shows only the vBulletin 3 CSS is embedding and all I get is the Embedded Styles tab. When I edit CSS for vbdrupal.org, I see aggregator.css, book.css, content.css....and so on. Something in the vBulletin CSS or styles is preventing the theme from loading. And, I can't figure it out.

[sifuhall]

You'll need to add those css files to the vbulletin template headerinclude.

Another thing to watch out for is local references in those css files. If you find any just change them to fully qualified references (as what is local to your drupal install is not local to your vbulletin install).

[Guy Bruner]

So, adding the template styles would be like this?:
<link rel=stylesheet href="http://localhost/testvb/themes/danger4k/style.css" type="text/css"> (I'm running a test site in WAMP)

I tried this in both headinclude and header without success.

[Guy Bruner]

Well, nevermind. I'm sorry to have bothered the vbdrupal community, cagey card players that you are. It was easier for me to just delete vbdrupal and just stay with vBulletin CSS and styles. At least there are step by step procedures with vBulletin to customize my site as I would almost like it. Sure, it will look like default vBulletin...so what, my forum members will complain less and I'll get some sleep. Close, but no cigar.

[medak]

Hello
I am new to vbdrupal and if you are so kind i would appreciate any help from you.

I managed to insert drupal blocks into vbulletin, but css and links are broken.
I read all the tread but i can not figure out what's the solution of this problem. Can someone point me out with practical info?

I would really appreciate it.
Regards, Marin

[bszopi]

Did you edit the HEADINCLUDE template as mentioned in post #3 of this thread: http://www.vbdrupal.org/forum/showthread.php?t=1011&highlight=blocks+headinclude ?

I know I ran into an issue with the links being broken, but I can't remember who I ended up fixing the issue.

[medak]

Thanks for the reply!
Yes i did, but because i am using a different theme than defaultangy, it doesn't work.
:mad:

Do you have an idea how could i fix this?
Regards, Marin

[sifuhall]

The first step is to view the source or your page to make sure the css files are included and the path to the css files are correct.

After this open the css files and look for any local path references and make this full path (because what is local to your drupal most likely isn't local in your /forum or whereever vbulletin is installed).

[Goddess]

when i was doing this, first i went through my vb theme and took out a lot of the css definitions...not all of them, but i wanted to use as much as i could from the drupal style sheet.

i went into my drupal performance options admin, set it to NOT aggregate the css, and then did a "view source" to see exactly which style sheets were being pulled.

then i went over to my vb side in the header include template, and added the call to all the css files there. then i went through, one at a time, commented out the files, to see what it did to the display to each one.

some, you know you won't need on the vb side, like for module specific css files on mods that won't be on the vb site.

this took some trial and error to get an integrated look. it took me a few hours to do it, so it wasn't clean and easy, but i ended up with an integration i was happy with.

i then went back and told drupal to aggregate the css calls again; i also use the template modification manager plugin for vb so it's easy for me to reapply those changes when there are updated templates. great timesaver and one of my favorite vb hacks.

hope that helps!