Template on character profiles?

Working on a new template and need help? Come here for support.

Moderator: Help Desk Team

Template on character profiles?

Postby Izumi Hikaru » June 2nd, 2011, 7:26 pm

I'm still learning on html codes. So, I knew how to insert a character's image ( which I learned some other thread ). But look at this:http://kazuki.smackjeeves.com/characters/. As you can see, the name,age and bio are not in a proper arrangement. But, I want the character's image on the right while the name,age and bio on the left ( like you see in most comics).

But what html code should I put?
Image
Image

Updates every week!

Hope you could stop by and enjoy reading them ^^
User avatar
Izumi Hikaru
 
Posts: 244
Joined: July 24th, 2010, 8:00 am

Re: Template on character profiles?

Postby eishiya » June 2nd, 2011, 7:40 pm

This is a character template I made for someone else, it sounds like what you want:

Code: Select all
<div class="castbox" style="clear: both;"><table><tbody><tr><td class="portrait">
<img src="image URL" alt=""></td><td class="cast_text">
<b>Name here</b><br>
<b>Age:</b> Age here<br>
<b>Some other fact label:</b> Some other fact here<br>
<p>Bio goes here</p>
</td></tr></tbody></table></div>


This gives a barebones castbox. You can style it with CSS. Here's some sample CSS (you'll probably want to change it):
Code: Select all
<style type="text/css">
.castbox {
width: 750px;
   margin: 20px;
   border: #000 1px solid;
   background:#cccccc;
font-size: 14px;
}

.castbox img {
   padding: 5px;
}

.castbox portrait {
width: 300px;
}

.castbox td {text-align:left;}
</style>

The CSS can go either in your Overall Layout along with any other CSS you have, or on your extra page (non-standard, but it avoids loading unneeded CSS on other pages).

By the way, I recommend making your character images smaller. 300px is too big and looks messy.
Image
User avatar
eishiya
 
Posts: 9729
Joined: December 5th, 2009, 11:17 am

Re: Template on character profiles?

Postby Izumi Hikaru » June 3rd, 2011, 12:03 am

I tested it, and it works! Thank you! Still I'll try to fix it whenever I have time.
Image
Image

Updates every week!

Hope you could stop by and enjoy reading them ^^
User avatar
Izumi Hikaru
 
Posts: 244
Joined: July 24th, 2010, 8:00 am

Re: Template on character profiles?

Postby aquakitty101 » October 7th, 2014, 4:16 pm

where do people put those
Image
User avatar
aquakitty101
 
Posts: 64
Joined: September 24th, 2014, 8:40 pm

Re: Template on character profiles?

Postby eishiya » October 7th, 2014, 5:15 pm

If you want to make a page with character profile, create an Extra Page for your comic. You can do this from the Webcomic Management area, look for the "Extra Pages" section and follow the directions there.
Image
User avatar
eishiya
 
Posts: 9729
Joined: December 5th, 2009, 11:17 am


Return to Template Development & Support

Who is online

Users browsing this forum: No registered users and 5 guests