Guide To Ripping vBulletin Skins
Part 1: Ripping The CSS
First, find the style name. This can be found by right clicking any image and clicking properties. Now, login to your vBulletin admincp and create a new style with that name. Then, create a new folder in your forum's root directory with the name of your skin.
Next, go to Style Manager and click edit all style options of your newly created style. Now, change the image path to where you previously made your folder in your forum's root directory.
Now, we're going to rip the CSS. Login to phpMyAdmin, navigate to your vBulletin database. Look for the style table on the left window and click it. You should see some tables, look at the top and press the browse tab and now you should see all styles. Go to the new style you made and click the pencil on the left next to the red X.
After that, go to the site that has the skin you want to rip on it. Click the View Tab, then Page Source in your browser. You should see something like this:
Copy all of the code, making sure it's the CSS only and not some of the html. Now, paste it into the CSS Box in phpMyAdmin and click save.
Now, the style should have the correct CSS coding. Now, we need to rip the header template. Go back to the page source of the forum with the skin you're ripping and look for the following:
Now, go to your vBulletin AdminCP and go to Style Manager, there edit all style options of your skin. Paste all of the code you copied into the Header box, replacing all of the previous code. Save it.
We're almost done with the CSS and HTML. We just need the footer now. Go to the site with the skin you're ripping and look at the source. Look for the following:
Copy all the code from after <!-- /content area table --> to </div> Now, paste that code into the footer box of the all Style Options Page.
We're now halfway done, and the hard part is over. The CSS and HTML is ripped.
Part 2: Ripping The Images
For this, we will need a program called WebZip. Download it from my attachment.
After installing, open the program and click File > New Project. You will see a Start URLs box. Here, enter the url of the forum that has the skin you want to rip. Now, give the project a name and click "Run Now!"
Now, it's just a waiting gaming. WebZip will begin downloading all of the site's files. After it's done, go to Documents > My WebZip Sites, there will be a folder in there with the name of your project. Navigate through the folder, you should see a folder with the name of the skin that contains all of its images. Simply upload those files into the folder you created earlier in your forum's root directory.
Please Note: If the skin you are ripping is significantly different than the vBulletin default skin html wise, then this will not work.
That's all! You have now ripped a vBulletin skin, go to your website and enjoy!
Thanks for reading.
Part 1: Ripping The CSS
First, find the style name. This can be found by right clicking any image and clicking properties. Now, login to your vBulletin admincp and create a new style with that name. Then, create a new folder in your forum's root directory with the name of your skin.
Next, go to Style Manager and click edit all style options of your newly created style. Now, change the image path to where you previously made your folder in your forum's root directory.
Now, we're going to rip the CSS. Login to phpMyAdmin, navigate to your vBulletin database. Look for the style table on the left window and click it. You should see some tables, look at the top and press the browse tab and now you should see all styles. Go to the new style you made and click the pencil on the left next to the red X.
After that, go to the site that has the skin you want to rip on it. Click the View Tab, then Page Source in your browser. You should see something like this:
Code:
<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
coding.....
</style>
<!-- / CSS Stylesheet -->
Copy all of the code, making sure it's the CSS only and not some of the html. Now, paste it into the CSS Box in phpMyAdmin and click save.
Now, the style should have the correct CSS coding. Now, we need to rip the header template. Go back to the page source of the forum with the skin you're ripping and look for the following:
Code:
</head>
<body>
coding....
<!-- breadcrumb, login, pm info -->Copy everything from after <body> to before
<!-- breadcrumb, login, pm info -->
Now, go to your vBulletin AdminCP and go to Style Manager, there edit all style options of your skin. Paste all of the code you copied into the Header box, replacing all of the previous code. Save it.
We're almost done with the CSS and HTML. We just need the footer now. Go to the site with the skin you're ripping and look at the source. Look for the following:
Code:
<!-- /content area table -->
coding....
</div>
</body>
Copy all the code from after <!-- /content area table --> to </div> Now, paste that code into the footer box of the all Style Options Page.
We're now halfway done, and the hard part is over. The CSS and HTML is ripped.
Part 2: Ripping The Images
For this, we will need a program called WebZip. Download it from my attachment.
After installing, open the program and click File > New Project. You will see a Start URLs box. Here, enter the url of the forum that has the skin you want to rip. Now, give the project a name and click "Run Now!"
Now, it's just a waiting gaming. WebZip will begin downloading all of the site's files. After it's done, go to Documents > My WebZip Sites, there will be a folder in there with the name of your project. Navigate through the folder, you should see a folder with the name of the skin that contains all of its images. Simply upload those files into the folder you created earlier in your forum's root directory.
Please Note: If the skin you are ripping is significantly different than the vBulletin default skin html wise, then this will not work.
That's all! You have now ripped a vBulletin skin, go to your website and enjoy!
Thanks for reading.