I've been working on my new site-http://complexfellow.com/test.html and I cant think of anything to do with the right sidebar links, any tips or help would be appreciated.firstly looks prety good so far.
i would definately go for something colourfull that fits in with your colour crayons.
maybe small crayons that are lying... on mouseoverhmm...maybe not...that would surely be too many crayons on the page,
but something with crayons,
maybe the text, (bigger) , and stroke through with...well as if a crayon wrote on it?hm...
or as u wrote "complexfellow" on the top?Originally posted by LiLcRaZyFuZzY
hmm...maybe not...that would surely be too many crayons on the page,
but something with crayons,
maybe the text, (bigger) , and stroke through with...well as if a crayon wrote on it?hm...
or as u wrote "complexfellow" on the top?
I like the idea of maintaining the crayon motif. If you want something simpler, something like this, perhaps:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
div.nav {
width: 150px;
background-color: #fcc;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding; 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
background-color: #f99;
border: solid thin #f66;
}
.nav ul li a:hover {
background-color: transparent;
}
</style>
</head>
<body>
<div class=nav>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
</ul>
</div>
</body>
</html>You could use this for the background:
<!-- m --><a class="postlink" href="http://members.verizon.net/vze47msr/crayonbg.jpgOriginally">http://members.verizon.net/vze47msr/cra ... Originally</a><!-- m --> posted by Triumph
You could use this for the background:
<!-- m --><a class="postlink" href="http://members.verizon.net/vze47msr/crayonbg.jpg">http://members.verizon.net/vze47msr/crayonbg.jpg</a><!-- m -->
Yeah.....
div.nav {
width: 150px;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbg.jpg") repeat;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding: 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
border: solid thin #fcc;
border-color: #fcc #f99 #f99 #fcc;
}
.nav ul li a:hover {
border-color: #f99 #fcc #fcc #f99;
}or:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
div.nav {
width: 150px;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbg.jpg") fixed repeat;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding: 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
border: solid thin #fcc;
border-color: #fcc #f99 #f99 #fcc;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbglt.jpg") fixed;
}
.nav ul li a:hover {
color: #eee;
border-color: #f99 #fcc #fcc #f99;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbgdk.jpg") fixed;
}</style>
</head>
<body>
<div class=nav>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
</ul>
</div>
</body>
</html>
i would definately go for something colourfull that fits in with your colour crayons.
maybe small crayons that are lying... on mouseoverhmm...maybe not...that would surely be too many crayons on the page,
but something with crayons,
maybe the text, (bigger) , and stroke through with...well as if a crayon wrote on it?hm...
or as u wrote "complexfellow" on the top?Originally posted by LiLcRaZyFuZzY
hmm...maybe not...that would surely be too many crayons on the page,
but something with crayons,
maybe the text, (bigger) , and stroke through with...well as if a crayon wrote on it?hm...
or as u wrote "complexfellow" on the top?
I like the idea of maintaining the crayon motif. If you want something simpler, something like this, perhaps:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
div.nav {
width: 150px;
background-color: #fcc;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding; 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
background-color: #f99;
border: solid thin #f66;
}
.nav ul li a:hover {
background-color: transparent;
}
</style>
</head>
<body>
<div class=nav>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
</ul>
</div>
</body>
</html>You could use this for the background:
<!-- m --><a class="postlink" href="http://members.verizon.net/vze47msr/crayonbg.jpgOriginally">http://members.verizon.net/vze47msr/cra ... Originally</a><!-- m --> posted by Triumph
You could use this for the background:
<!-- m --><a class="postlink" href="http://members.verizon.net/vze47msr/crayonbg.jpg">http://members.verizon.net/vze47msr/crayonbg.jpg</a><!-- m -->
Yeah.....
div.nav {
width: 150px;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbg.jpg") repeat;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding: 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
border: solid thin #fcc;
border-color: #fcc #f99 #f99 #fcc;
}
.nav ul li a:hover {
border-color: #f99 #fcc #fcc #f99;
}or:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
div.nav {
width: 150px;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbg.jpg") fixed repeat;
padding: 10px;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
list-style: none;
margin: 2px;
padding: 2px;
}
.nav ul li a {
display: block;
text-decoration: none;
color: black;
font-weight: bold;
width: 134px;
padding: 2px 4px;
border: solid thin #fcc;
border-color: #fcc #f99 #f99 #fcc;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbglt.jpg") fixed;
}
.nav ul li a:hover {
color: #eee;
border-color: #f99 #fcc #fcc #f99;
background: #fcc url("http://members.verizon.net/vze47msr/crayonbgdk.jpg") fixed;
}</style>
</head>
<body>
<div class=nav>
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Link</a></li>
</ul>
</div>
</body>
</html>