http://www.depiction.net/ sivun navigointipalkki on aika hieno ja toimiva. Nyt kysyisinkin, miten toi tehdään. Tai siis tiedän, että css:llä, mutta en muista enää, että miten. Joskus mulla oli tollasen tutoriaali, mutta hukkasin sen. Eli jos joku tietää sivun, jossa olis ohjeet niin olisin hyvin kiitollinen. Tai siis tietysti voi ittekin neuvoo jos vaan viittii.
kuinka se tehdäänkään?
mikko19
3523
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
Laita linkit kaikki omiin taulukon soluihin ja anna seuraavat määrittelyt erilliseen tiedostoon tai kirjoita head tägien väliin ja anna jokaisen solun id:ksi linkki (td id="linkki").
a:hover#linkki {
background-color:gray;
}
Depiction- Photoshop Tutorials, CSS Tutorials, Premium Templates, and much more!
Home | Site
Map | Services
| Forums
Home
About
Downloads
Tutorials
Templates
Resources
Affiliates
Contact
Misc. Links
Submit Tutorials
Forums
Shoutbox
Welcome
Welcome to Depiction, a webmaster resource site for beginners and experts
to expand their web design knowledge. Our goal is to help you develop aesthetically
pleasing and user friendly websites with your own creative touch. This site
contains a broad collection of tutorials for Photoshop,
HTML, .htaccess,
CSS, and Webmasters.
We also have a download archive
and a premium web template
store. Please enjoy our valuable resources and feel free to contact
me if you have any questions and/or comments.
News
Vacation Bound!
I'm very much looking forward to my upcoming vacation in Florida and
the Bahammas until July 14. Therefore I will not be around to add new
tutorials and answer e-mail until the 14th.
Posted: July 4, 2004
PHP Tutorial Writer Wanted!
I don't know enough about PHP to write tutorials for this category. Therefore
I'm are looking for someone to write php tutorials for Depiction. If you
are interested, please let me know by using the contact
page. I don't have any form of payment currently, but I may offer
free advertising for each tutorial.
Posted: July 4, 2004
Suggest A Tutorial
If you have an idea for a future tutorial, please let us know by using
the contact page. We
are in desperate need of new ideas.
Posted: June 16, 2004
Affiliates
More
Latest Tutorials
Alternating Backgrounds
Alternate the backgrounds of table rows displayed from a MySQL database.
Category: PHP
Black Marble
Learn how to create a realistic glossy black marble surface.
Category: Photoshop
Hotlink Protection
Prevent other sites from linking to images on your site.
Category: .htaccess
Redirection
Automatically redirect visitors to a page's new location.
Category: .htaccess
Password Protection
Securely protect folders on your website by requiring a valid username
and password.
Category: .htaccess
Spotlight
Shout Mix
The owner of Snecx.com
has recently released a new free shoutbox hosting service. Fully customizable
with great features, Shout Mix is a great way to implement your own shoutbox
on your site.
Posted: June 16, 2004
Blue Vertigo
Blue Vertigo is the ultimate webmaster resource site. With valuable links,
you can easily find logotypes, brushes, fonts, sounds, stock photography,
and more on the fly.
Posted: June 16, 2004
Hits total: 648906 Hits
Today: 3213 Users Online:
9
© 2003-2004 Depiction. All rights reserved. Validation:
XHTML,
CSS,
508
body {
margin: 0px;
padding: 0px;
background: #ededec url("images/background.gif") top center repeat-y;
font-size: 8pt;
line-height: 11pt;
font-family: verdana, arial, sans-serif;
color: #000;
height: auto;
text-align: center;
}
a:link {
color: #990033;
text-decoration: none;
}
a:visited {
color: #990033;
text-decoration: none;
}
a:hover {
color: #354250;
text-decoration: underline;
}
a:active {
color: #354250;
text-decoration: none;
}
h1.main, h2.main {
padding: 4px;
font-weight: bold;
font-size: 10pt;
margin-bottom: 5px;
width: 100%;
border-bottom: #ededec 1px solid;
}
h1.main2 {
padding: 4px;
font-weight: bold;
font-size: 10pt;
margin-bottom: 5px;
width: 98%;
border-bottom: #ededec 1px solid;
}
#layout {
position: relative;
margin: 5px auto;
width: 680px;
color: #000000;
height: auto;
background-color: #ffffff;
text-align: left;
}
#logo {
border-bottom: #ededec 1px solid;
height: 70px;
text-align: right;
}
#logoimg {
float: left;
width: 208px;
height: 66px;
}
#navigation {
margin-left: -42px;
margin-top: -1px;
margin-bottom: -1px;
}
* html #navigation { /* Tan hack */
margin-top: -9px;
margin-bottom: -9px;
}
#nav a {
text-decoration: none;
display: inline;
padding: 6px 13px;
font: bold 11px verdana, arial, sans-serif;
background: #ededec;
margin: 0px;
color: #990033;
}
#nav a:hover {
border-width: 0px;
background: #ffffff;
color: #990033;
}
#nav ul {
list-style-type: none;
}
#nav li {
display: inline;
}
#stockimage {
margin-top: 4px;
margin-bottom: 12px;
height: 170px;
width: 680px;
border-bottom: #ededec 1px solid;
border-top: 1px solid #ededec;
padding-top: 3px;
}
#googlead {
padding: 4px;
float: right;
width: 120px;
height: 100%;
text-align: left;
}
#homepagecontent {
text-align: justify;
width: 530px;
padding-top: 4px;
padding-right: 8px;
border-right: #ededec 1px solid;
}
#homepageleft {
float: left;
width: 48%;
background-color: white;
}
#homepageright {
width: 48%;
margin-left: 50%;
}
#homepagerightsitemap {
width: 48%;
margin-left: 50%;
border-left: 1px double #EDEDEC;
}
.latesttutorials, .latesttutorials2 {
padding: 5px;
padding-left: 0px;
width: 100%;
}
.latesttutorials2 {
color: #000000;
background-color: #ededec;
}
#footer {
text-align: center;
clear: both;
border-top: 1px solid #ededec;
}
.fonts {
border: 0px;
width: 250px;
height: 60px;
}
.wallpapers {
width: 100px;
height: 75px;
border: 0px;
}
.tutorialpreview {
padding-right: 4px;
padding-left: 4px;
float: left;
padding-bottom: 2px;
padding-top: 2px;
border: 0px;
height: 50px;
width: 50px;
}
.tutorial {
height: 54px;
margin-bottom: 4px;
}
.tutorials2 {
background-color: #EDEDEC;
height: 54px;
margin-bottom: 4px;
}
.tutdesc {
height: 52px;
padding-top: 3px;
}
.border {
margin-bottom: 3px;
margin-top: 8px;
}
.htmltable1 {
border: 1px solid #000000;
padding: 4px;
margin: 1px;
text-align: center;
}
.box1 {
background-color: #F0F0F0;
padding: 5px;
position : absolute;
left: 200px;
top: 700px;
margin-bottom:2px;
height: 30px;
width: 300px;
border: 1px;
border-color: #000000;
display:table;
}
#sponsors {
text-align: center;
}