Rekisteröidy
Perustaja sonja

Anonyymius

Omavalintainen

Medioita voi lisätä

Jäsenet

Perustettu 20.10.2017 23:06:33 Jäseniä 3 Vierailuja 60 Ketjuja 5 Viestejä 90 Medioita 0

Keskustelua tyylityksestä ja mm. tyylien jakoa

Ylläpitäjä

2017-10-20 23:20:14
Yleinen tyyliketju, eli tänne voi laittaa mm. vinkkejä ja kysymyksiä tyyleihin liittyen.

Sivulle lisättiin äsken aika paljon rajaviivoja, niistä pääsee eroon lisäämällä tyyliin tommosen pätkän.

.bordered {
border: 1px solid transparent !important;
}


21.10.2017 13:03:29
#3130 [+-] Piilota Suosittele Ilmianna

Laitan tänne mitä ite oon käyttäny:
Boxiin saa perus varjot komennolla
box-shadow: 20px 20px 40px 5px rgba(0, 0, 0, .6);
eka luku meinaa kuinka paljon varjo on boxin sivulle, toka meinaa varjon terävyyttä tai häivytystä, kolmas on sitten koko, sit varjon värit ja läpinkyvyys

varjot boxin päälle (itellä yläpalkissa):
box-shadow: inset 0em 0.5em 2em rgba(0, 0, 0, .5);

Laatikon läpinäkyvyys kun laittaa laatikon värin joko värikoodilla tai rgb:llä
background-color: #ffffffe8 !important;
tai rgb:llä
background-color: rgba(255, 255, 255, 0.9) !important;

Taustakuvan saa siten että se on koko ruudun kokoisena eikä scrollaa
body {
background: url(tähän kuvan url);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

21.10.2017 13:10:47
#3133 [+-] Piilota Suosittele Ilmianna

sit laitoin yläpalkin keskelle logon
background-image: url(osoite);
background-position: center top;
background-position-y: 5px;
background-repeat: no-repeat;

Tähänkin varmaan parempia vaihtoehtoja mutta toimii itelle tarpeeksi hyvin

28.10.2017 14:03:58
#4971 [+-] Piilota Suosittele Ilmianna

>>4897
Laitoin itselleni:

#main-navi {
position: relative !important;
top: 60px !important;
font-size: 13px !important;
}

...jotta sain nätin asettelun säilymään jossa asetukset, nimi ja ulos linkit rivittyvät oikeaan laitaan ja muut vasempaan. Mobiilissa tosin rivittyvät väärin, mutta sitä varten täytyy vielä fiksata omat asetuksensa. En tiedä tuoko tuo hankaluuksia tulevaisuudessa kun sivua fiksaillaan varsinaisen koodin osalta, mutta muokkailen ceeäsässää sitten tarpeen mukaan.

[ 5 viestiä | ]