Nu skal der farve på Lakridsen! « WordPress DK Forum

WordPress DK Forum » Temaer

Nu skal der farve på Lakridsen!

(19 indlæg) (4 voices)

Startet for 13 years siden af boldt
Seneste svar fra aim
This topic is resolved

Tags:

boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

En grundig research af de tre temaer: TwentyTen, TwentyEleven, og Weaver II faldt ud til fordel for TwentyTen på grund af:
1) Den gode håndtering af header-image(den skarpe beskæring), og
2) WooCommerce webshop blev indenfor de tildelte rammer uden at skubbe sidebar ud i glemslen.

Nu er turen så kommet til farve-paletten.

Jeg vil gerne dæmpe den meget sorte navigationsbjælke og her kan jeg ikke rigtigt overskue style.css

Hvorfor skrives farver kun med 3 tal og ikke 6? (for eksempel #fff og ikke #ffffff)
hvor finder jeg de seks farver som jeg skal ændre?
bjælke
bjælke - hoover / valgt bjælkedel
tekst
tekst - hoover / valgt tekst (side)

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Kræver et link til en side med det tema.

http://wp-danmark.dk/forum/topic/css-problemer

Mvh John

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

min testside er shop.325.dk

prøvede at installere firebug til firefox men, på min lille 10" rejse-pc kan man ikke se meget.

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

#access {
background: none repeat scroll 0 0 #000000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}

Derefter videre til access a osv

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Nu kom der farve på!

Gik tidligt på arbejde for at kunne arbejde lidt på den store skærm.

Firebug i Firefox og Advanced HTML Color Code Chart gjorde det sjovt at lege med farverne.

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

Hej
Dette ligner min udfordring med farve.
min side hedder http://www.aim-zone.dk og jeg vil gerne ændre farven på den sorte navigationsbjælke, men kan ikke finde den linie du skriver i ovenstående indlæg
(#access { background: none repeat scroll 0 0 #000000;)
Da jeg ikke er it kyndig vil det være dejligt hvis du kan beskrive lidt nærmere :-)

Der findes også et søgefeldt på navigationsbjælken, som jeg gerne vil have flyttet en linie ned eller slettet......... er der noget input til det

på forhånd mange tak

Skrevet 13 years siden #
Henning

Administrator
Joined: maj '10
Posts:
Reputation:

Prøv at se nærmere på Weaver II themaet. Det er en "avanceret" udgave af TwentyEleven og har en ret omfattende thema-administration, der bl.a. gør det let at ændre farve på menubjælken mv-

http://www.ballumweb.dk

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Farven ændres i temaets CSS.
Du bliver lige nød til at fortælle, hvilket tema du bruger.

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

twentyeleven kan jeg se

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

Twenty Eleven hedder temaet og jeg er med så langt at jeg skal ind i editoren og ned i style.css

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

http://www.aim-zone.dk/wp-content/themes/twentyeleven/style.css

Brug FTP og find ovenstående.
Lav dine rettelser med en alm teksteditor og husk at have en backup af filen hvis det skulle gå galt.
Det kan du ikke hvis du retter direkte i editoren.

personligt bruger jeg Topstyle pro til CSS filer http://www.topstyle4.com/

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

det kan godt være det lyder fjollet, men jeg har lettere ved at gå ind i css... har været inde og rette nogen farver, det var bare det forkerte sted så jeg rettede tilbage igen. Jeg ved også hvilken farve jeg gerne vil have, så jeg mangler bare at finde det rette sted :-)

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

I style sheet for Twenty-eleven skal du ca 540 linier ned. Søg efter:

/* =Menu

alle koder under #access beskriver "lakridsen".

jeg kan ikke umiddelbart se, hvilke farver du skal ændre, men stort set alle farver som er beskrevet som background i dette afsnit er i spil.
Husk at når du ændrer farve på baggrunde så kan du blive nød til at ændre bogstavsfarver (beskrevet som color).

Husk også "hover" som er den ændringen af farven som sker når det er musen føres over feltet.

For at ændre din placering af søgefeltet skal du ned omkring linie 630. Søg efter:

/* Search Form */

alle koder under #branding beskriver søgefeltet.

Ønsker du at fjerne søgefeltet, så er det nok lettest bare at slette det fra header.php
Fra omkring linie 114 til 126:

<?php

// Has the text been hidden?
if ( 'blank' == get_header_textcolor() ) :
?>
<div class="only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>">
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?php get_search_form(); ?>
<?php endif; ?>

Men husk når du ændre i et standard tema, så er der risiko for at du mister dine ændringer, næste gang du opdaterer WP.

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

puha, nåh jeg har taget en backup og er kommet så langt som jeg er nu, så må jeg forsøge med dette også :-)

Tusind tak for Jeres hurtige svar

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

Det er hårdt arbejde, lige som at lære russisk det her :-)

Men det er da lykkedes mig at ændre farven på navigationsboksen og når man peger på teksten kan man se den (er hvid) men hvad gør jeg for at den vises uden at køre musen over ? har i nogen gode råd, har sat hele menuen ind nederst.

/* =Menu
-------------------------------------------------------------- */

#access {
background: #3c057a; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#3c057a, #0a0a0a);
background: -o-linear-gradient(#3c057a, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c057a), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#3c057a, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #3c057a;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #3c057a;
border-bottom: 1px dotted #ddd;
color: #eee;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #3c057a;
}
#access li:hover > a,
#access a:focus {
background: #3c057a; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#3c057a, #e5e5e5);
background: -o-linear-gradient(#3c057a, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c057a), to(#e5e5e5)); /* Older webkit syntax */
background: -webkit-linear-gradient(#3c057a, #e5e5e5);
color: #f9f9f9;
}
#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
}

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Find dette:

#access a {
color: #3c057a;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}

Color: 3c057a; skal ændres for eksempel til f9f9f9;

Ja, du har ret, der er meget at lære. Men glæden ved at kunne er faktisk beskrivelig.

Der er en ting som generer mit øje når jeg kigger på din side og det er at emner fordeler sig på 20 linier, selv om der er plads på øverste linie.
Du har fjernet søgefeltet -som jeg beskrev tidligere ved at fjerne linier i header.php men pladsen er stadig reserveret. Dette skal ændres i style.css.

Fra omkring linie 630. Søg efter:

/* Search Form */

Jeg tror blot du kan slette alle koder under #branding som beskriver søgefeltet.

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

Tusind tak, det virker YES :-)

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Tillykke.

Du har nu lavet så mange ændringer i dit tema at det faktisk vil være lettere at give dit tema et andet navn for på den måde at undgå at dine ændringer bliver overskrevet hver gang du opdaterer WP.

Jeg har tidligere beskrevet min metode her: http://wp-danmark.dk/forum/topic/skal-jeg-lave-et-barn-pa-et-tema-eller-skal-jeg-lave-mit-eget

Min metode er:

1) Hent den aktuelle tema-mappe "twentyeleven" til din pc.

Jeg bruger notepad++ for dette program kan åbne alle php-filer i temaet på en gang (så går det hurtigere).

2) åbn alle php-filer i tememappen og lav en søgning efter "twentyeleven" og erstat med "mit-eget-tema-navn" i alle åbne filer. og gør derefter det samme med "Twenty Eleven".

3) Omdøb tema-mappen til "mit-eget-tema-navn"

4) Upload den nye tema mappe med FTP til ../wp-content/themes

5) Skift tema i administrationspanelet.

og nu kan du opdatere uden risiko for at du mister dit tema.

Skrevet 13 years siden #
aim

Juniormedlem
Joined: sep '12
Posts:
Reputation:

Takker mange gange :-) har faktisk tænkt på hvad det der barn-tema betyder :-))
Du hører når jeg har forsøgt mig, kræver lidt uforstyrret tid og jeg kommer sikkert med et par spørgsmål mere.

Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.