Username: Password:   Forgot your password?
 
Forums
» View Categories » Coding Help & Templates » A Girly Pink Template
Previous 30
Page of 1 Next 30

Member:5,087
Posts:1,847
Joined:7-17-2006
Seen:2-9-2010
Apr 3,`09 12:30am | Quote | ↓
Okay everyone, I've created a template called Sugar Bubbles.
It only requires that you know how to upload image files to your comic, and can copy and paste.


live preview

The code
QUOTE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="robots" content="All,INDEX,FOLLOW" />
<meta name="AUTHOR" content="(The Author of Comic)" />
<meta name="Description" content="(Your Comic's description)" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.drunkduck.com/gfx/template_gfx_new/global.css" />
<title>
<!--[COMIC_NAME]-->
-
<!--[PAGE_TITLE]-->
</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF3366;
background-color:#FFE0DD;
scrollbar-face-color: #FF3366;
scrollbar-highlight-color: #FFCCCC;
scrollbar-3dlight-color: #FF3366;
scrollbar-shadow-color: #FF0000;
scrollbar-darkshadow-color: #CC0033;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFCCCC;
background-image: url(http://www.drunkduck.com/YOURCOMICNAME/gfx/back.jpg);
background-repeat: repeat;
}

.strip {
background-color:#FFFFFF;
border-color: #FF3366;
width: 700px;
border: 1px;
border-style: solid;
}

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF66CC;
}

a:visited {
color: #FF3366;
}

a:hover {
color: #FF0000;
}

#comments {
overflow-y: scroll;
height: 300px;
border:solid;
border-color: #FF3366;
border: 1px;
}

h1 {
font-size: 36px;
color: #FF0065;
font-style: normal;
font-weight: 100;
font-family: Arial, Helvetica, sans-serif;
}

input, textarea
{
background-color: #FFE0DD;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF3366;
letter-spacing: 1px;
padding: 1px;
border: 1 px;
border-style: solid;
border-color: #FF3366;
}

option, select {
background-color: #FFE0DD;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF3366;
letter-spacing: normal;
border: 1px solid #FF3366;
padding: 0px;
}
-->
</style>
</head>
<body>
<div id="bg">
<table align="center" width="600">
<tr>
<td align="center"><h1>
<!--[COMIC_NAME]-->
</h1></td>
</tr>
<tr>
<td><strong>Page Title</strong>:
<!--[PAGE_TITLE]-->
<div class="strip">
<!--[PAGE]-->
</div></td>
</tr>
</table>

<table class="nav" align="center" width="600">
<tr>
<td height="50" align="center" valign="top"><strong>Archive</strong>:</td>
<td height="50" align="center" valign="top"><!--[PAGE_DROPDOWN]--></td>
<td height="50" align="center" valign="top"><!--[RSS]--></td>
<td height="50" align="center" valign="top"><a href="YOURFORUM">Forum</a></td>
</tr>
<tr>
<td align="center" height="50" width="25%"><!--[NAV_FIRST=http://www.drunkduck.com/YOURCOMICNAME/gfx/button_first.jpg]--></td>
<td align="center" height="50" width="25%"><!--[NAV_PREVIOUS=http://www.drunkduck.com/YOURCOMICNAME/gfx/button_back.jpg]--></td>
<td align="center" height="50" width="25%"><!--[NAV_NEXT=http://www.drunkduck.com/YOURCOMICNAME/gfx/button_next.jpg]--></td>
<td align="center" height="50" width="25%"><!--[NAV_LAST=http://www.drunkduck.com/YOURCOMICNAME/gfx/button_new.jpg]--></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<p> </p>
<table width="600" align="center" cellpadding="6" cellspacing="0" bgcolor="#FFE0DD">
<tr>
<td><img src="http://www.drunkduck.com/YOURCOMICNAME/gfx/author.jpg" alt="Author" />
<div class="notes">
<!--[AUTHORS_NOTES]-->
</div></td>
</tr>
<tr>
<td><img src="http://www.drunkduck.com/YOURCOMICNAME/gfx/comments.jpg" alt="Comments" /></td>
</tr>
<tr>
<td height="300" align="center" valign="top"><div id="comments">
<!--[COMMENTS=300]-->
</div></td>
</tr>
<tr>
<td align="center" valign="top">A penny for your thoughts. <br/>
<!--[COMMENT_FORM=250,250]--></td>
</tr>
</table>
<p align="center">Web Design by <a href="http://user.drunkduck.com/mishi_hime" target="_blank">Mishi_hime</a></p>
</div>
</body>
</html>



Instructions
1. Copy the code
2. Go to "My Account"
3. Click the comic you want to add the layout to.
4. Click "4.Layout"
5. (Make sure you are using Raw HTML instead of a DD Template.) Click Raw HTML
OPTIONAL* Change Header color to "Lipstick"
6. Paste the code in the box. And change everything in pink where it says "YOURCOMICSNAME" in the code.
7. Download the image pack. HERE
8. Unzip the images.
9. Upload all of the images to your comic. Do not change the file names!
10. It should work!

If you need more help than this. Please refer to my other template.




This post was last edited on Sep 9,`09 8:07pm
 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:20,371
Joined:1-2-2006
Seen:2-9-2010
Apr 3,`09 1:55am | Quote | ↓
Stickied!
Nice one Mishi

One thing though; you can narrow down the drop down box by sticking it inside a little table. -if you don't want it to be so wide.
 
Member:5,087
Posts:1,847
Joined:7-17-2006
Seen:2-9-2010
Apr 3,`09 2:01am | Quote | ↓
That is a pretty good idea... I thought everything would look better the same width but that's not entirely the case....
I'll fix it soon :D EDIT: Fix'd!

This post was last edited on Apr 3,`09 3:14am
 
Member:5,087
Posts:1,847
Joined:7-17-2006
Seen:2-9-2010
Sep 9,`09 8:09pm | Quote | ↓
The image pack link to this template died a little while ago.... OOoops! Anyway it's back up now.
 
Member:81,597
Posts:32
Joined:9-6-2009
Seen:2-8-2010
Oct 21,`09 5:37pm | Quote | ↓
Ah I think it died again. Well it's a link to the home page, now what?

 
Member:5,087
Posts:1,847
Joined:7-17-2006
Seen:2-9-2010
Nov 16,`09 12:30am | Quote | ↓
Seems to be working. The zip file is attached to my DA so it should never expire

Previous 30
Page of 1 Next 30

Reply
 

Not Registered?
Signup for a FREE Account!


Registered users can:
Comment on comics!
Create their own comics!
Vote in polls and contests!
Use the forums!
   Latest News
   DD Cam (Now Featuring: DDBook)