>>2304
onko nyt helpommin huomattavissa?8)

Ai tähän olisi ollut ohjekin ja valmiiksi tyyliä jaossa. D'oh.
Piti sitten tutkia sivuston koodia ja kurkkia miten css:t käyttäjillä nimetään ja ladataan. Ja sitten käydä toisen käyttäjän profiilissa + avaamassa ko. kaverin css ja lainaamassa koodi sieltä.

Q'heh, q'heh, q'heh.

>>1548
Paremmiin toimi kun lisäs sen läpinäkydyyden suoraan taustan väriin niin ei mene kaikki kuvat ja kommentit läpinäkyväksi
itsellä esimerkiksi:

}
#main-container {
background-color: #ffffffe8 !important;
width:80% !important;
margin: 0px auto;
}

En tiedä onko järkeä matkia kuolevan sivuston ulkoasua, mutta tein joka tapauksessa kokeiluja oman näkymäni CSS:llä ja lisäsin headeriin kuvan. Tuskin kuitenkaan jätän tuollaiseksi. Lisäksi fiksailin preview-boksia vai mikä piru sen nimi on, joka on nyt huomattavasti pienempi ja scrollattava. Edellämainittujen lisäksi mm. fontteja fiksailtu ja sivusto on kiinteästi 1000px:n levyinen.

CSS tuskin on muotoiltu kaikkien taiteen sääntöjen mukaan, mutta näyttäisi ainakin jossain määrin pelittävän halutunlaisesti. Koodausta paremmin hallitsevat annelkoot vinkkejä.

Kuva liittyy.

>>2693
Ei toimi Chromella, meillä se vaan on eri juttu :(
Tuolla koodille main-containerista ei tule läpinäkyvä, vaan harmaa.

EDIT: Chromella toimii näemmä seuraava:
background-color: rgba(255, 255, 255, 0.9) !important;

>>2744
omalla chromella toimii ihan hyvin

E: sitä voi testata tuolla vasen hiiren näppäin ---> inspect sit valitsee ton main-containerin
ja sieltä onko noi nyt filtereitä

>>2767
Testasin Firefoxilla, ja sillä kyllä toimi. Eli en uskoakseni kämmännyt mitään.. Ehkä omassa Chromessa on jotain häikkää, mutta onneksi ainakin tuo rgba(255, 255, 255, 0.9) toimii.

muuttakaa näihin arvoihin niin tilanpäivitysikkuna muuttuu järkevämmän kokoiseksi

textarea {
border: 1px solid #afafaf !important;
width:200%;
height: 200px;

Toivoisin kyllä Luolastolle jotain omaa virallista tyyliä joka ei olisi nappulasta kopioitu. Itsellähän tulee luolastosta mieleen jonkinlainen lautaroolipeli, en tiedä oisko siihen henkeen sopiva "tyyli" sitten? En tiedä. Itselläni ei riitä mielenkiinto kovinkaan kauheasti kikkailla loputtomiin millään CSS:llä joka on vieras itselle. Nyt tämä saitti pelittää jotenkin kutenkin.

Mitä nämä on?
Nykyajan teinien hömpötyksiä vai herrojen metkuja?

Alla omassa käytössä oleva, mukautettu termostaatilta sekä anterolta

body {
background-position:center;
background-image: url(https://i.imgur.com/uafjzBw.png) !important;
min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;}
}
font-family: tahoma, verdana, arial, sans-serif;
}

#main-body p {
font-size: 14px;
}



#main-body p {
font-size: 13px;
}


#main-header {
background-color:#bf0000 !important;
width: 1000px !important;
margin: 0px auto;
color: #bf0000;
margin-top: -30px !important;
height: 100px !important;

background-image: url(https://i.imgur.com/8BsVV3n.png);
background-position: 100% 100%;
background-repeat: no-repeat;
}

#main-header a {
color:#fff;
font-weight:bold;
}


#main-container {
background-color: #fff !important;
width:1000px !important;
margin: 0px auto;
}
#main-container *, .user-basic-info {
background: transparent !important;
border-width:0px;
}
.info-item {
font-weight: bold;
}

.info-item-value {
font-weight: normal;
}

textarea {
border: 1px solid #afafaf !important;
width:50%;
height: 100px;
}
#media-search {
width: 100%;
padding: 0.5em;
border-radius: 10px !important;
border: 1px solid #afafaf !important;
}
#thread-search{
padding: 0.5em;
border-radius: 10px !important;
border: 1px solid #afafaf !important;
}
input[type="text"]{
border: 1px solid #afafaf !important;
}
#message-submit, #submitMessage{
border-radius: 3px !important;
padding: 3px 5px 3px 5px;
font-weight: normal;
border: 1px solid #b20000;
vertical-align: middle;
text-shadow: #760000 0px -1px 0px;
background-color: #b20000 !important;
background-repeat: repeat-x;
background-position: center top;
color: #ffffff;
cursor: pointer;
}

.message-container a {
font-size:smaller;
color:#aaa;
padding: 0.3em;
text-decoration: underline;
}
.message-container a:hover {
color:#000;
}

.status-message-container{
max-height: 50vh !important;
}
.status-user a {
font-weight:bold;
}
.status-actions a {
color: #aaa;
text-decoration: underline;
font-size:smaller;
}
.status-update, article{
padding: 0.5em !important;
}
tr, article, .status-update{
border-bottom: 1px solid #eee !important;
}
#main-header, #main-container {
min-width:300px;
}
.medias {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px,auto));
}
.medias img {
width:200px;
height:200px;
object-fit: contain;
transition: all .2s ease-in-out;
}
.medias img:hover {
filter: drop-shadow(12px 12px 15px #000);
transform: scale(1.1);
}


.youtube {
width:260px;
height:200px;
}


#preview {
width: 560px !important;
height: 300px !important;
overflow: scroll !important;
border: 5px solid #1795ac !important;
border-radius: 10px !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
position: fixed !important;
left: 50% !important;
top: 50% !important;
margin-left: -280px !important;
margin-top: -150px !important;
}


.message-container {
font-size: 13px !important;
}


.message-header {
font-size: 13px !important;
}


#main-body p {
font-size: 1.1em !important;
}


.date-added {
font-size: 0.8em !important;
}


.date-edited {
word-wrap: break-word !important;
font-size: 0.8em !important;
}


.channels-navi {
margin-top: 40px !important;
}


.rates-container {
font-size: 1.2em !important;
}


.message-meta {
width: 150px !important;
}


textarea {
border: 1px solid #afafaf !important;
width: 500px;
height: 130px;
}


.medias img:hover {
filter: none !important;
transform: none !important;
}


tr, article, .status-update{
border-bottom: 2px solid #b2dce5 !important;
}


hr {
margin-top: 5px;
margin-bottom: 5px;
}


.message-edit-footer {
font-size: 1em !important;
}


#message-submit, #submitMessage {
border: 1px solid #008da9;
text-shadow: #01738a 0px -1px 0px;
background-color: #008da9 !important;
}

#main-container {
background-color: #f2eded !important;
}

Päivittääkö Termo muuten vielki tätä vai ootko tyytyväinen tähän nykyseen? Mietein vaa ku ei oo kuulunu mitää huutisia :(

Fiksailin ja korjailin teemaani ja laitoin uuden jakoon. Muun muassa seuraavat muutokset tehty:

- Preview boksin paikkaa muutettu niin ettei mene linkin päälle
- Selaimen ja sivun vasemmassa reunassa oleva väli poistettu
- Fonttikokoja tarkistettu
- Selitteitä lisätty
- Koodia putsailtu omilta mokilta ja tyhmyyksiltä
- ym ym ym

Meikäläisen teema saatavilla edelleen osoitteesta: http://textuploader.com/d4vbg

>>4418

Miten saan fontit comic sansiksi?

>>4833
Korvaa CSS-koodista:
body {
font-family: tahoma, verdana, arial, sans-serif;
}

tällä:
body {
font-family: Comic Sans MS;
}

>>4845
Jostain syystä ei toimi... no antaa olla omasta puolestani.. Ehkä joskus selvinpäin kokeilen vielä

>>4847
testaa
body {
font-family: "Comic Sans MS", "Comic Sans", cursive !important;
}


e. fix'd >>4851

>>4848
No tuo teki jotain mut vittu ei se ainakaan ihan kaikkea muuttanut, oon kyllä kännissö ja käytän huonoja laseja että voin olla väärässäkin...

>>4848
Pitäiskö se olla:
font-family: "Comic Sans MS", "Comic Sans", cursive !important;

Eli jokainen välejä sisältävä fontti erikseen eroteltuna lainausmerkeillä. Sain tosin toimimaan kokonaan ilman lainausmerkkejä.

>>4851
joo

>>4851
>>4852
Hei, ei vittu nyt toimii!!! Thänks äijille! Mut oo, onkohan vika vaan mulla, jos haluun mennä kattoo lainausta ni ei toimi, se ei vie mihinkään... Miten teillä...

ps. hyi vittu, tää onki aika kauhee tää comic sans :-D

>>4864
Jos tarkoitat numeromuotoista linkkiä joka syntyy Syötteet-sivulle, niin itsellä se lakkasi myös toimimasta jossain vaiheessa tänään.

>>4872
Joo, sitä meinasin, hyvä etten oo ainoa. Harmi että ylläpitäjä poisti kehitysideat-langan... Onkohan tänki mestan YP Chk?

olen koittanut muokata tota omaa sivua, mutta ei tunnu onnistuvan. Voisko joku laittaa ihan copypaste-ohjeet miten saan asetettua esim. taustakuvan sivulleni?

>>5334
Tarkoitatko sitä taustakuvaa, joka defaultteemassa on tällä hetkellä tiiliseinä?

Jos tarkoitat, niin laita body tagin alle:
background-image: url(oman taustakuvan urli tähän) !important;

Taustakuvan voit tallentaa vaikka imguriin.

>>5336
Noniin nyt onnistui! Kiitti!

Saako millä komennolla muutettua noiden kommenttien erottavat, sekä tekstikentän, sekä lähetä napin ääriviivojen värit?

>>5765
Kokeiles noita.

/* Kommentit erottava väliviiva */
tr, , .status-update{
border-bottom: 2px solid #b2dce5 !important;
}

/* Painikkeiden muotoilu */
input[type="submit"] {
border: 2px solid #008da9 !important;
}

/* Tekstinsyöttölootat */
textarea {
border: 1px solid #afafaf !important;
}

voi ei pekka

Mitäs nämä tekstit on?