kuinka se tehdäänkään?

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.
3523
Äänestä

Muut lukivat myös

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;
}

Äänestä

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

Äänestä
  • 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;
    }

    Äänestä

Kommentoi aloitusta


mikko19 kirjoitti:

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.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu