Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 General Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 12-04-2006, 10:21 AM
Neosoul Neosoul is offline
 
Join Date: May 2005
Posts: 45
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default How can I create my own vbulleting skin?

How can I create my own vbulleting skin?

is there any tutorials on this?
Reply With Quote
  #2  
Old 12-04-2006, 04:15 PM
Brad Brad is offline
 
Join Date: Nov 2001
Posts: 4,765
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

A good place to start would be learning photoshop. This is the software of choice for image designers and there is a ton of information on the internet that deals with working with it. Going with another program like Paint Shop Pro or The GIMP can also be a good start, but be warned, not as much information exists on working with this software when compared to photoshop.

Learning photoshop will also allow you to take the picture in your head and make it 'real' without ever having to deal with coding a line of html. This allows you to focus on what you want from the design while you're still planning it, instead of fixing html errors because something did not render correctly only to realize that idea doesn't suit the style you're attempting to create.

Once you master photoshop you should get started with learning; xhtml, css, and a little javascript as it's becoming some what of a requirement if you want to do flashy designs for browsers with javascript enabled. If you're looking to go for an "AJAX" feel on your web page learning javascript from the get-go is a must.

Once you know the code you can start taking vBulletin apart template by template. Experiment with moving things around and just making them 'fit' better. In other words start by changing small things that bother you in the stock layout.

Now that you've gone through the templates and become familiar with them you're ready to design your own style from the ground up. There is no tutorial that explains this in detail. You must have the will, time, and knack to stick with this until you become good enough to do styles on your own. Expect to always be learning new things even years after you master the basics...the internet moves fast and what you learn today may be useless tomorrow when the next thing comes a long.
Reply With Quote
  #3  
Old 12-04-2006, 04:44 PM
wengi's Avatar
wengi wengi is offline
 
Join Date: Aug 2006
Location: Malta
Posts: 171
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Brad View Post
A good place to start would be learning photoshop. This is the software of choice for image designers and there is a ton of information on the internet that deals with working with it. Going with another program like Paint Shop Pro or The GIMP can also be a good start, but be warned, not as much information exists on working with this software when compared to photoshop.

Learning photoshop will also allow you to take the picture in your head and make it 'real' without ever having to deal with coding a line of html. This allows you to focus on what you want from the design while you're still planning it, instead of fixing html errors because something did not render correctly only to realize that idea doesn't suit the style you're attempting to create.

Once you master photoshop you should get started with learning; xhtml, css, and a little javascript as it's becoming some what of a requirement if you want to do flashy designs for browsers with javascript enabled. If you're looking to go for an "AJAX" feel on your web page learning javascript from the get-go is a must.

Once you know the code you can start taking vBulletin apart template by template. Experiment with moving things around and just making them 'fit' better. In other words start by changing small things that bother you in the stock layout.

Now that you've gone through the templates and become familiar with them you're ready to design your own style from the ground up. There is no tutorial that explains this in detail. You must have the will, time, and knack to stick with this until you become good enough to do styles on your own. Expect to always be learning new things even years after you master the basics...the internet moves fast and what you learn today may be useless tomorrow when the next thing comes a long.
Very gd explanation m8 ... once you learn the basics of Photo Shop you will be gd to do your own skins and a lot more .... you cant even immagine the things tht you could do wth it ... i my self tht been using PhotoShop for over 3yrs am still learning new thngs nd still will be in the future
Reply With Quote
  #4  
Old 01-07-2009, 09:21 PM
CPOWA's Avatar
CPOWA CPOWA is offline
 
Join Date: Nov 2007
Location: Pensacola, FL
Posts: 58
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Brad View Post
A good place to start would be learning photoshop. This is the software of choice for image designers and there is a ton of information on the internet that deals with working with it. Going with another program like Paint Shop Pro or The GIMP can also be a good start, but be warned, not as much information exists on working with this software when compared to photoshop.

Learning photoshop will also allow you to take the picture in your head and make it 'real' without ever having to deal with coding a line of html. This allows you to focus on what you want from the design while you're still planning it, instead of fixing html errors because something did not render correctly only to realize that idea doesn't suit the style you're attempting to create.

Once you master photoshop you should get started with learning; xhtml, css, and a little javascript as it's becoming some what of a requirement if you want to do flashy designs for browsers with javascript enabled. If you're looking to go for an "AJAX" feel on your web page learning javascript from the get-go is a must.

Once you know the code you can start taking vBulletin apart template by template. Experiment with moving things around and just making them 'fit' better. In other words start by changing small things that bother you in the stock layout.

Now that you've gone through the templates and become familiar with them you're ready to design your own style from the ground up. There is no tutorial that explains this in detail. You must have the will, time, and knack to stick with this until you become good enough to do styles on your own. Expect to always be learning new things even years after you master the basics...the internet moves fast and what you learn today may be useless tomorrow when the next thing comes a long.
I know this is an old thread but, still, I want to thank Brad for his response here. Resopnses to questions like this are usually one liners that raise more questions than answer the original question.

Thanks again Brad!

Regards,
Nita
Reply With Quote
  #5  
Old 01-07-2009, 10:28 PM
Vaupell's Avatar
Vaupell Vaupell is offline
 
Join Date: Apr 2008
Location: Esbjerg, Denmark
Posts: 1,036
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CPOWA View Post
I know this is an old thread but,

Thanks again Brad!

Regards,
Nita
haha Thread Necro, its over 2 years old.
Reply With Quote
Reply


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 09:31 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.03930 seconds
  • Memory Usage 2,206KB
  • 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
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (5)post_thanks_box
  • (5)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (5)post_thanks_postbit_info
  • (5)postbit
  • (5)postbit_onlinestatus
  • (5)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
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete