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:
Locked Topic
[ C ] CD code for Zetaboards? (Dunno the real name of it)
Topic Started: Aug 2 2012, 02:51 PM (1,324 Views)
Xanhawk-ZNR
Member
[ * ]
Board Address: S1.Zetaboards.com/alternia
Board Software: (Zetaboards
Description: Its gunna be hard for me to describe but I have examples of exactly what it does. I'm getting this code from another Forum site that isn't affiliated with Zetaboards and I have no unholy clue as to how to make it work for my site.

This is the Code
 
[FONT="Century Gothic"][COLOR="DarkSlateGray"][SIZE="2"][CENTER][cd=background-image:url('http://heathbits.com/media/image/image/7996/main/2.jpg');]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:center; color:Black; font-size:40px; font-family: Century Gothic]Welcome to Cosmotone's Sprite Shop![/cd]
[cd=text-align:center; color:Black; font-size:15px; font-family: Century Gothic]I make sprites for people. I can make VS. Sprites, Back Sprites, Regular Trainer Sprites, Pokemon Fusions and anything else like that for the most part.[/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:15px; font-family: Century Gothic]
[U][B]Rules/Guidelines[/B][/U]
[LIST]
[*]Follow all PC and Pixel Art rules!
[*]Keep all critisism constructive!
[*]When requesting a sprite please specify what kind you are looking for. It can either be a fusion, trainer sprite, back sprite, VS. Sprite, or complete package. (see examples below)
[*]I can take three requests at a time. You may be stuck on the waiting list if there are too many people.
[*]Please fill out the form located towards the bottom of this post when you are requesting!
[*]All sprites will be found in the thread.
[*]If you don't like your sprite, please tell me. I will gladly change it!
[*]I would really like it if you gave me credit, but it isn't mandatory. Don't claim as your own though
[B][*]If you have not been active for over a month by the time the sprite is started then you will be crossed off the waiting list![/B]
[/LIST]
Now for the real stuff![/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:15px; font-family: Century Gothic]
[U][B]Samples[/B][/U]
[B]VS. Sprites[/B]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=63258[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=63065[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=62523[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=62520[/IMG][/SPOILER]

[B]Complete Trainers[/B]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=63593[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=63553[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7868&pictureid=63552[/IMG][/SPOILER]

[B]Fusions[/B]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7902&pictureid=63506[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7902&pictureid=62964[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7902&pictureid=62965[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7902&pictureid=62970[/IMG][/SPOILER]
[SPOILER][IMG]http://www.pokecommunity.com/picture.php?albumid=7902&pictureid=62983[/IMG][/SPOILER]
[/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:15px; font-family: Century Gothic]
[B]In Progress List[/B]
[S]Tricko[/S] [B]Postponed due to inactivity[/B]
Vezon Dash
Ninja Paladin
Gostaras
[/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:15px; font-family: Century Gothic]
[B]Waiting List[/B]
Gostaras
Happiness and Misery
DaEpicTrainer
SavingRaven
NV
Outkin
[/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:15px; font-family: Century Gothic]
[B]Form[/B]
Name:
Type of Sprite: (Complete Trainer, Trainer, VS. Sprite, Backsprite, Other)
Description: (Describe how you want your sprite to look here!)
Generation: (Only needed for backsprite)
Urgency: (On a scale of 1-10, 10 being most urgent)
Other: (Anything else you want to tell me!)
[/cd][/cd]
[cd=background-color:white; width: 80%; height: 100%; padding:10px;border-style: groove; border-color:solid gray;border-width:10px;][cd=text-align:left; color:Black; font-size:25px; font-family: Century Gothic]
[B]Now Hiring! PM me if you interested. [/B]

[/cd][/cd]


[/cd]
[/CENTER][/SIZE][/COLOR][/FONT]


What it looks like on a forum is this:
Sample1
Sample2


Basically I wanted to see if we could get a custom script that allows us to create basically what's in the picture using a code identical to this one.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
It looks as if the CD BBCode simply parses CSS, there is already a BBCode in place that can do something similar to this effect, it's the class BBCode. It's integrated like this:
Code:
 
[class=my_custom_class]Content[/class]
You can then style the content wrapped around the class BBCode with CSS inserted via the Admin CP:
Code:
 
span.bbcode-my_custom_class {
background: #FFF;
border: 1px solid #000;
padding: 5px;
}
As you may have noticed, when using the class in the CSS, it must be prefixed with 'bbcode-'.
Offline Profile Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
The thing is the Zetaboard's class BBcode doesn't sound what your looking for. Well I made it for you using this code so thanks for the OP of the code. I haven't tested it so let me know if I've done anything wrong

Below the board (has to be at the top)
Code: HTML
 
<script type="text/javascript" src="http://z5.ifrm.com/30056/15/0/f5119302/cdbbcode.js"></script>
Offline Profile Goto Top
 
Xanhawk-ZNR
Member
[ * ]
I'm sorry...I have no idea what either of you are saying. I have absolutely NO experience with coding anything. So just looking at what you two posted made me feel like I just walked into a room of people speaking in different languages.

@Ferby I posted the code in below the board and tested it with the example I posted but it didn't work.

I have no idea what to do.
Offline Profile Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
Xanhawk
Aug 4 2012, 05:07 PM
@Ferby I posted the code in below the board and tested it with the example I posted but it didn't work.
Sorry, my mistake. Replace it with this
Code: HTML
 
<script type="text/javascript" src="http://z5.ifrm.com/30056/15/0/f5119491/cdbbcode.js"></script>


I've tested this one, it works.
Edited by Ferby, Aug 4 2012, 08:06 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I wouldn't externally host what you provided in that script, Ferby. I don't think Xanikseo intended for that script to be re-hosted. A BBCode doesn't really require that much JavaScript, here's a different version I just put together with a lot less JavaScript:

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript">
$('#c_bbcode button:last').after(' <button type="submit" onclick="css(); return false">CSS</button>');

function css() {
var cssData = prompt('Insert CSS:', '');
ZetaTag('css', false, cssData);
}

$('td.c_post, #topic_review td, div.search_results').each(function () {
$(this).html($(this).html().replace(/\[css=(.+?)\](.+?)\[\/css\]/gi, '<span style="$1">$2</span>'));
});
</script>
What the CD BBCode you posted does is allows CSS to be used in posts with BBCode. CSS is what is used to style webpages. The CD BBCode values are CSS properties and values that are written out in BBCode form and then give the specific element that style. CSS can be internal, inline (embedded) and external.

Inline CSS is written to HTML elements directly with the style tag:
Code:
 
<span style="background: red">Content</span>
Internal (embedded) CSS is written in between the style tags:
Code:
 
<style type="text/css">
span {
background: red;
}
</style>
That type of CSS is inserted here and will affect all themes: Admin CP Posted Image Themes Posted Image Board Template Posted Image Javascripts

External CSS is provided by ZetaBoards itself and affects only one theme, it is what is written here: Admin CP Posted Image Themes Posted Image Themes Posted Image Edit Theme Appearance
Code:
 
span {
background: red;
}
The inline example will give a background of red to that span element only. The internal (embedded) and external examples will give a background of red to all span elements.

The BBCode I created above uses inline CSS. You just have to write the CSS in the prompt that appears when you click the BBCode button and the content that is within the BBCode will be styled with that CSS when posted.
Offline Profile Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
Cory
Aug 4 2012, 08:13 PM
I wouldn't externally host what you provided in that script, Ferby. I don't think Xanikseo intended for that script to be re-hosted.
I apologise, I naturally assumed since I didn't see any note saying he didn't like it being re-hosted. I've deleted the file now
Offline Profile Goto Top
 
Xanhawk-ZNR
Member
[ * ]
I'm still not getting it to work. I have the CSS button as an option when you post, but I don't know how to post the content into it. If I post it in the block that shows, it just posts it all broken up and doesn't show the stuff like in the picture links.

I put the big code in the below the board section. Was there something I missed?
I keep testing the initial example I posted cause I'm tryin to get that effect in regular forum posts.

I get this instead in code form

I'm really sorry if I'm being difficult.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I changed the BBCode to css instead of cd, so anywhere you see cd you have to change it to css. It works just like the cd BBCode, only it uses 'css' instead.
Offline Profile Goto Top
 
Steve
Member Avatar
patriot
[ *  *  *  *  *  *  *  *  *  * ]
Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
ZetaBoards - Free Forum Hosting
Free Forums with no limits on posts or members.
« Previous Topic · Closed Requests · Next Topic »
Locked Topic