We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Theme Question?
Topic Started: Dec 10 2014, 01:14 AM (627 Views)
Shaz130
Member
[ * ]
Hello guys, I have a question to ask you. I want to make a theme for my site. But I wanna know what is the best way to do it?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Firstly, do you know HTML, CSS, and how to create web graphics?
Offline Profile Quote Post Goto Top
 
Shaz130
Member
[ * ]
Cory
Dec 10 2014, 01:17 AM
Firstly, do you know HTML, CSS, and how to create web graphics?
Well here's the thing, I know I do CSS and html. But the thing is I want to plan the look of my website before placing it all together on the CSS. So I wanna know is there a way I can like, get a accurate template of my site and edit it on photoshop without starting from scratch?
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Theme prints are almost always done from scratch. People want their themes to be unique, so they generally start a new print every time.
Offline Profile Quote Post Goto Top
 
Shaz130
Member
[ * ]
-The-
Dec 10 2014, 02:55 AM
Theme prints are almost always done from scratch. People want their themes to be unique, so they generally start a new print every time.
Well is there any tutorial to help do it?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Here are a couple of topics that discuss the process:

http://support.zathyus.com/topic/5195570/

http://support.zathyus.com/topic/5133693/
Offline Profile Quote Post Goto Top
 
beastboybrown
Member Avatar
Member
[ *  * ]
Hey, what about if you dont want something from scratch. I am fine with the normal themes but I would love to make some cool ones as well that would be an easy edits.

I am fine with finding colors that are similar and match what I am looking for. But there is 2 tricks of themes I really want to know. And there both on this one- http://s1.zetaboards.com/Duke_Nukem/index/ (http://support.zathyus.com/topic/5084707/1/#new)

I want to place in a background image. Im guessing there is a part of coding in there that does that. If so can you show me it?

And 2. I can imagen how hard it was to make something see threw like that Duke Nukem one. So I aint even gonna try it. But what if I wanted to edit the colors of the fade or the color orange on the thing. Would that be easier?

Let me know :)

Offline Profile Quote Post Goto Top
 
Billamen
Member Avatar
Member
[ *  *  *  *  * ]
beastboybrown
Jan 5 2015, 04:27 AM
Hey, what about if you dont want something from scratch. I am fine with the normal themes but I would love to make some cool ones as well that would be an easy edits.

I am fine with finding colors that are similar and match what I am looking for. But there is 2 tricks of themes I really want to know. And there both on this one- http://s1.zetaboards.com/Duke_Nukem/index/ (http://support.zathyus.com/topic/5084707/1/#new)

I want to place in a background image. Im guessing there is a part of coding in there that does that. If so can you show me it?

And 2. I can imagen how hard it was to make something see threw like that Duke Nukem one. So I aint even gonna try it. But what if I wanted to edit the colors of the fade or the color orange on the thing. Would that be easier?

Let me know :)

There is a Base Themes Gallery which contains base themes that are free to edit. Background images are put in via CSS for the body or even in tables. For the background on the forum itself:

Quote:
 
html,body { background: URL(http://i271.photobucket.com/albums/jj145/chris18j2002/Duke%20Nukem/duke07big3copie.jpg)fixed#000000; color:#F88017; font-family: "Kristen ITC", Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size:14px; margin:; padding:0; }


You may have noticed that the background image doesn't move, and that's because the word fixed was added to prevent the image from duplicating down the page. This is a very useful technique especially if you have a lot of forums and will make your pages load faster too.

As far as the transparent backgrounds are concerned, it may be a trick in the tables:

Quote:
 
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }


The phrase clear:both; seems to make the backgrounds transparent.

Edited by Billamen, Jan 5 2015, 05:20 AM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

The best way to do a semi-transparent background is to create an image that has roughly 50% opacity and install it as a repeating background image. It can be very small, even 1px X 1px, but I usually make them a bit bigger so I can see them in my file thumbnails.

Example: Posted Image
http://z3.ifrm.com/28122/87/0/p484895/screenmain.png

You can do it with CSS opacity commands, but the problem with that is that users that have old browsers won't see it, so using the image will work over all browsers, even really old ones.

You may find some ideas on backgrounds in this doc:
http://docs.zetaboards.com/themes/fluid_themes
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Billamen
Jan 5 2015, 05:19 AM
The phrase clear:both; seems to make the backgrounds transparent.
The 'clear' CSS property has nothing to do with transparency.

An RGBa color value can apply alpha transparency to a background.

Before anyone else has the idea to mention it, the 'opacity' CSS property applies opacity to all child elements.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Creative Discussion · Next Topic »
Add Reply