Ändra färgen på sidan, html/css

Permalänk

Ändra färgen på sidan, html/css

Tjenare, äger sidan www.refuzion.se till min klan.

Jag har slutat spela och ska vara "manager" för ett annat lag, ska sköta administration av hemsida, grafiskt och sponsoravtal.

Jag har köpt sidan av zilexus.com och jag ska ändra färgerna på sidan till blått o rött, hur gör jag ?

Sidan är uppbyg med html/css o wordpress !

Tack

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk
Medlem

Well du borde har fått wp-login info? väl där inne han du redigera css filen och därmed ändra färger osv. även lägga till nyheter på varje sida svårt att förklara men när du väl loggat in får du gärna ställa fler frågor

Visa signatur

Proud owner of PS5.

Permalänk

Oki, japp jag kan logga in som admin

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk

Hur gör jag sedan då ?

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk

/* Theme Name: Refuzion Description: Gjort för Refuzion. Author: Adam Strandberg Author URI: http://zilexus.com Version: 1.0 Tags: Copyright Adam 'ZilexuS' Strandberg Changelog: v1.0 */ /* Refuzion by zilexus.com */ /* Copyright � 2010 */ @import url("reset.css"); body { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 11px; background: #101010 url('images/bg.png'); } #wrapper { width: 100%; min-height: 638px; background: url('images/top.png') repeat-x top; padding-top: 50px; } #sitewrap { background: url('images/sitebg.png'); width: 739px; margin: 0 auto; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } #site { background: url('images/sitetop.png') top no-repeat; width: 100%; padding: 20px 0 14px; } #header { width: 670px; height: 123px; background: url('images/header.png') no-repeat; margin: 0px auto; padding: 27px 0 0 30px; } #header h1 { display: none; } #nav { width: 700px; margin: 0px auto; height: 38px; background: url('images/nav.png') no-repeat; margin-top: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: #000000 0 2px 0; overflow: hidden; } #nav ul { margin: 0 0 0 5px; } #nav li { float: left; margin: 12px 16px 0 15px; list-style: none; } #nav li a { color: #f3f3f3; } #nav li a:hover { color: #fff; text-decoration: none; text-shadow: #c3c3c3 0 0 5px; } #content { background: url('images/contentbg.png') repeat-y; margin: 0px auto; width: 700px; overflow: hidden; } #main { float: left; margin: 15px 0 0 15px; } .mainwrap { width: 444px; background: url('images/maincontent.png') repeat-y; margin-bottom: 10px; } .main { background: url('images/maintop.png') no-repeat; padding: 7px 0 0; } .main p { line-height: 17px; padding: 1px 15px 8px 15px; } .commentswrap { width: 444px; background: url('images/maincontent.png') repeat-y; margin-bottom: 10px; margin-top: -10px; } .comments { background: url('images/commentstop.png') no-repeat; padding: 7px 15px 0; } .postbar { width: 422px; margin: 0 1px 0; overflow: hidden; height: 19px; background: url('images/postbar.png') no-repeat; padding: 7px 10px 0; color: #46433b; text-shadow: #000000 0 1px 0; } .postbar a, .postbar a:visited, .postbar a:active { color: #808080 !important; } #commentlist li { border: 1px solid #262626; margin-bottom: 10px; padding: 10px; background: #080808; } .commentauthor { font-size: 14px; font-weight: bold; color: #EFEFEF; height: 9px; } #textarea textarea { background: #1b1b1b; color: #888; width: 413px; border: 1px solid #333; margin: 5px 0; } fieldset { width: 410px; padding: 15px; } .field { margin-bottom: 5px; } .field textarea { background: #1b1b1b; color: #888; width: 413px; height: 70px; border: 1px solid #333; margin: 5px 0; } .field input { background: #1b1b1b; color: #888; border: 1px solid #333; } .arkiv { padding: 0 15px 15px; } #respond { padding-bottom: 10px; } .commentauthor a, .commentauthor a:visited { color: #EFEFEF; border-bottom: 1px dashed #444; } .textspace { padding-top: 10px; } .infospace { overflow: hidden; } .infospace img { padding: 1px; border: 1px solid #262626; } #sidebar { float: right; width: 213px; margin: 15px 15px 0 0; } .sidebarwrap { background: url('images/sidebarcontent.png') repeat-y; } .sidebar { background: url('images/sidebartop.png') top no-repeat; padding: 10px 0 10px; } .sidebar p { line-height: 16px; padding: 1px 15px 8px 15px; } .sponsors { padding-top: 15px; text-align: center; } .sponsors img { margin-bottom: 15px; } .boxtitle { background: url('images/boxtitle.png') repeat-x; height: 24px; margin: 0 1px 3px; padding: 6px 15px 0 15px; width: 414px; overflow: hidden; } .boxtitle h2, .boxtitle h2 a { font-size: 16px; color: #efefef; text-shadow: #000 0 2px 0; float: left; } h3 { font-size: 16px; color: #efefef; text-shadow: #000 0 2px 0; } h4 { font-size: 14px; color: #c8c8c8; text-shadow: #000 0 2px 0; } #footer { width: 680px; margin: 0px auto; padding: 22px 10px 1px; font-size: 9px; color: #222; overflow: hidden; background: url('images/contentbottom.png') top no-repeat; } #footer a { color: #566900; } .right { float: right; } .left { float: left; } .center { margin: 0px auto; } a, a:active, a:visited { color: #c2de09; text-decoration: none; } a:hover { color: #e4ec09; } .green { color: #c2de09; }

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk

Det är koden, vill ha det lite mer blått o rött Hur ska jag ändra ?

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk
Medlem

har du några som helst kunskaper om css? eller du "håller på ochl är dig"?

Gisasr att det är färgerna på iconen och sånt du vill ändra? detta är ju egentligen bilder så då är det de du måste ändra. du kan inte bara "ersätt alla gul mot blå osv."

Visa signatur

Proud owner of PS5.

Permalänk
Medlem

byter du följande kod till blått/rött får du blåa/röda länkar.

a, a:active, a:visited {
color: #c2de09; <----- färg som visas när du har varit inne på länken eller "klickar på den"
text-decoration: none; normalt brukar denna färgen vara lila och understrucken.
}

a:hover {
color: #e4ec09; <---- färg som visas när du har musen över den.
}

.green {
color: #c2de09; <---- färg som syns innan du klickar/har musen över den.
}

Vad det gäller raden under menyn och ikonen så är det bilder där du får ändra i färgen och ersätta den gamla bilden med den nya du redigerat. bilderna heter:

header.png

nav.png

spara dessa bilder och redigera dom till rätt färg. när du har rätt färg spara bilden med samma namn och lägg den/uploada den till images mapen på ftp:n eller direkt i wordpress administreringsläget.

Edit:
Så här kan man ändra bilderna exempelvis. ganska snabbt gjort därför inte det bästa men mest en bild till den beskrivande texten tidigare:

Visa signatur

Proud owner of PS5.

Permalänk
Skrivet av Ethaan:

byter du följande kod till blått/rött får du blåa/röda länkar.

a, a:active, a:visited {
color: #c2de09; <----- färg som visas när du har varit inne på länken eller "klickar på den"
text-decoration: none; normalt brukar denna färgen vara lila och understrucken.
}

a:hover {
color: #e4ec09; <---- färg som visas när du har musen över den.
}

.green {
color: #c2de09; <---- färg som syns innan du klickar/har musen över den.
}

Vad det gäller raden under menyn och ikonen så är det bilder där du får ändra i färgen och ersätta den gamla bilden med den nya du redigerat. bilderna heter:

http://refuzion.se/wp-content/themes/refuzion/images/header.p...

header.png

http://refuzion.se/wp-content/themes/refuzion/images/nav.png

nav.png

spara dessa bilder och redigera dom till rätt färg. när du har rätt färg spara bilden med samma namn och lägg den/uploada den till images mapen på ftp:n eller direkt i wordpress administreringsläget.

Edit:
Så här kan man ändra bilderna exempelvis. ganska snabbt gjort därför inte det bästa men mest en bild till den beskrivande texten tidigare:

http://dl.dropbox.com/u/8391729/test.png

okej, tack så mycket

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean

Permalänk

Kan någon hjälpa mig att göra så att sidan blir anpassad efter den headern jag la in ? Så att färgerna passar osv.
http://refuzion.se/

Visa signatur

Corsair Obsidian 800D | Intel 2700K @ 4.5 Ghz | ASRock Fatal1ty Z68 Professional Gen3 | XFX HD 7970 Black Edition | Corsair Force GT 120GB SSD | Corsair 16GB Vengeance 1600 MHZ | Corsair AX 850W | Asus Xonar STX | Qpad 5k | Qpad MK-80 PRO | Qpad Heaton XL
The Black,Blue & Red Ocean