PDA

View Full Version : Websites for Custom Layouts

Casandranow
05-10-2005, 01:53 AM
So I applied for a fanlisting and now I'm realizing I'm in a bit over my head, especially graphics wise. I was wondering if anyone knows of any websites that do custom graphics. I've been able to find a ton that have premade layouts, but the site I'm trying to build is very specific so it's hard to use a premade one. I'm currently trying to learn div layers, so I was hoping for something along those lines layout wise.

If anyone has any suggestions or even better, links, I'd be uber appreciative.
tokyo bleu
05-10-2005, 02:14 AM
http://lissaexplains.com/forum/showthread.php?t=74928
Casandranow
05-10-2005, 09:49 AM
Thanks, though I had actually seen that and the link in the thread while I was googling around earlier and most of the sites aren't being updated anymore.

The custom thing seems to be the hard part. There are tons of sites that have templates, and I'm actually quite capable of adding text to things, but I'm finding it hard to actually locate a site or someone that can make a layout that's right to the spec I need or at least would like. And having credentials placed on the graphic isn't a problem, I'm all about giving credit where credit is due.
lanahawke
05-10-2005, 03:30 PM
can u point a link to the site so we can see what u mean by specifics.

you said
that's right to the spec & but the site I'm trying to build is very specific.

thanx bunches
~O~
Lana
Casandranow
05-11-2005, 04:07 AM
Well by specific I mean something that can't use one of the premade layouts that so many sites seem to offer. It's a fanlist for two tv show characters, a canceled tv show no less. I do have the index/splash page up though if that gives you any kind of an idea.

http://www.no-other-way.com/thinline/splash.html
lanahawke
05-11-2005, 12:04 PM
i went to
http://www.thefanlistings.org/
& had a look at the layouts they use
here are two diff. examples
http://www.geocities.com/dixienaj/x-factor/
&
http://www.geocities.com/dixie_ixa/canada/
there's nothing to these
so what type are you looking for?

~O~
Lana
Casandranow
05-13-2005, 04:16 AM
I actually bit the bullet and tried to make one myself, so that I can use a simple div layout to code it. Or what I hope is simple, I can't seem to get the backround to repeat.

I made it like this and then cropped a small pixel'd version of the very bottom to repeat as the backround so that the loading time would be minimal, but I can't seem to get it to work for some reason.

Header (http://www.no-other-way.com/images/thinline/header.jpg) Backround (http://www.no-other-way.com/images/thinline/backround.jpg)
Valkyrie
05-13-2005, 04:49 AM
Could you perhaps post the coding or the actual page please? :3
Casandranow
05-13-2005, 05:30 AM
::blushes::

That would probably help, wouldn't it?

Here's he coding, including my entire CSS, I tend to not link it because alot of times I make little differences here and there between all my sites, so I don't have one set style sheet, so the code has the entire CSS in it.


<html>
<head>
<title>Thin Line -- The Sam McPherson/Brooke McQueen Fanlisting</title>
<META NAME="Keywords" CONTENT="Brooke, Sam, Popular, Fanlistings, femslash, lesbian, gay, television">
<META NAME="Description" CONTENT="The official Brooke McQueen/Sam McPherson Fanlisting.">
<style type="text/css">
A:link {text-decoration:none; }
A:visited {text-decoration:none; }

A:link
{ text-decoration:none; color:#000000; }
A:visited
{ text-decoration: line-through; color:#FF00CC; }
A:active
{ text-decoration: none; color:#FF00CC; }
A:hover
{ text-decoration: underline overline; color:#FF3300;


cursor: move;
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: Verdana;
color: #FF0033; }

p {font-family: Verdana;
color: #FF0033; }

body
{ background: #000000;
background-image: url(http://www.no-other-way.com/images/thinline/backround.jpg);
background-repeat: repeat;
background-attachment: fixed;

font-family: Verdana;
color: #FF3333 ;
letter-spacing: 0pt;

font-size: 11pt;

scrollbar-face-color : #FF3333;
scrollbar-track-color : #FF0066;
scrollbar-arrow-color : #FF0033;

margin-top: 50;
margin-bottom: 3;
margin-left: 50;
margin-right: 50;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}


</style>
</head>


<div align="center">



<body background="http://www.no-other-way.com/images/thinline/background.jpg">

<p><img border="0" src="http://www.no-other-way.com/images/thinline//header.jpg"></p>
</div></html>


I'm trying to get the page set up right before I start adding any of the content and linkage to it and I apparently can't even do that right.
Valkyrie
05-13-2005, 05:51 AM
In your CSS, you have already the background set. So change it to this:


<body>
<div align="center">
<p><img border="0" src="http://www.no-other-way.com/images/thinline//header.jpg"></p>
</div>

</body>
</html>

Edit: Oh yea, if you're centering your layout, add this to the CSS. (in the body{ part)

background-repeat: repeat-y;
background-position: top center;
Casandranow
05-13-2005, 06:22 AM
It still doesn't seem to be working.

This is what the code looks like, copy and pasted right from notepad, and it's still not showing up right. Thin Line Home (http://www.no-other-way.com/thinline/home.html)

<html>
<head>
<title>Thin Line -- The Sam McPherson/Brooke McQueen Fanlisting</title>
<META NAME="Keywords" CONTENT="Brooke, Sam, Popular, Fanlistings, femslash, lesbian, gay, television">
<META NAME="Description" CONTENT="The official Brooke McQueen/Sam McPherson Fanlisting.">
<style type="text/css">
A:link {text-decoration:none; }
A:visited {text-decoration:none; }

A:link
{ text-decoration:none; color:#000000; }
A:visited
{ text-decoration: line-through; color:#FF00CC; }
A:active
{ text-decoration: none; color:#FF00CC; }
A:hover
{ text-decoration: underline overline; color:#FF3300;


cursor: move;
cursor: url('yourdomain.com/cursor.ani');}

h1 {font-family: Verdana;
color: #FF0033; }

p {font-family: Verdana;
color: #FF0033; }

body
{ background: #000000;
background-image: url(http://www.no-other-way.com/images/thinline/background.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;

font-family: Verdana;
color: #FF3333 ;
letter-spacing: 0pt;

font-size: 11pt;

scrollbar-face-color : #FF3333;
scrollbar-track-color : #FF0066;
scrollbar-arrow-color : #FF0033;

margin-top: 0;
margin-bottom: 3;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}


</style>
</head>


<body>
<div align="center">

<p><img border="0" src="http://www.no-other-way.com/images/thinline/header.jpg"></p>
</div>
</body>
<p>


</html>

Am I still messing something up?

In any case, thanks so much for your time and help, I apologize for being completely clueless.
Patrick
05-13-2005, 12:15 PM
It's because the backround image doesn't exist on your server. You'll get a 404 error when you click on it. Re-upload it.