hvordan retter jeg styles?

tpl står nok for template. Det er filer, som styrer den HTML-kode, som bliver lavet.

Om shoppen overhovedet understøtter mere end et skin og hvordan man i givet fald skal sætte det op, kommer fuldstændig an på, hvad det er for en webshop.

Men prøv at åbne filerne med en simpel teksteditor (som f.eks Notesblok / Notepad i Windows) og se, om der står noget i dem. Tit er der nemlig kommentarer om hvad man skal gøre i starten af en af dem. Og det er normalt rene tekstfiler - bare med en anden endelse.

Eller se efter om der en en README-fil eller noget i den stil.

vil det sige at .tpl filer er faste filer der ikke skal eller kan rettes i? de styres så af .css filen?

når jeg åbner .css filen ser den sådan ud:
-----
BODY { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none; margin: auto; background-color: #FFFFFF; }
DIV {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}

.main_table  { width: 750px; }
.menu_top      { height: 25px; background-color: #4D4D4D; padding: 0px 10px; color: #FFFFFF; }
.menu_left    { border: 0px; width: 150px; background-color: #F0F0E3; padding: 0px; vertical-align: top; }
.menu_categories { background-color: #ddddc7; }
.menu_categories_sub { background-color: #ddddc7; }
.menu_categories_head { background-color: #4D4D4D; padding: 0px; font-weight: bold; color: #ffffff;  }
.menu_left_line { height: 2px; border: 0px; background-color: #ffffff; padding: 0px; }
.menu_left_line_sub { height: 1px; border: 0px; background-color: #ffffff; padding: 0px; }
.footer          { width: 100%; height: 10px; background-color: #4D4D4D; padding: 0px 10px; color: #FFFFFF; }
.footer_2      { width: 100%; border: 0px; padding: 0px; background-color: #dddddd; }

.right          { background-color: #ffffff; width: 600px; padding: 0px; border-top: 3px solid white; vertical-align: top; }
.left_content { text-align: left; padding: 15px; vertical-align: top; }
.right_content { padding: 5px; vertical-align: top; text-align: center; }
.separator    { width: 1px; background-color: #bbbbbb; }

.form_desc  { text-align: right; padding: 5px; background-color: #dddddd; }
.form_desc_data  { background-color: #dddddd; }

.product_list_foto        { background-color: #f3f3f3; text-align: center; padding: 5px; border-bottom: 3px solid white; vertical-align: top; }
.product_list_data        { background-color: #f3f3f3; padding: 5px; border-bottom: 3px solid white; vertical-align: top; }
.product_list_name        { font-weight: bold; font-family: verdana, sans-serif; }
.product_list_category  { font-size: 9px; color: #737373; }
.product_list_price        { width: 75px; text-align: right; font-weight: bold; padding: 5px; }
.product_list_desc        { padding: 5px; font-size: 10px }

.product_show_table        { margin-left: 3px; }
.product_show_foto        { margin-right: 5px; border: 2px solid #BBBBBB; }
.product_show_data        { background-color: #f3f3f3; padding: 5px; border-bottom: 3px solid white; vertical-align: top; }
.product_show_name        { font-weight: bold; font-family: verdana, sans-serif; font-size: 14px; }
.product_show_category  { font-size: 9px; color: #737373; }
.product_show_price        { text-align: right; font-weight: bold; padding: 5px; }
.product_show_desc        { font-size: 10px }

.order_table_head { background-color: #dddddd; text-align: center; height: 20px; }
TD.order_table_head { border-right: 1px solid #f3f3f3 }
.order_table_data_odd { background-color: #ffffff; }
.order_table_data_even { background-color: #f3f3f3; }
TD.order_table_data { padding: 5px; border-right: 1px solid #d3d3d3; text-align: right; }
.order_table_footer { background-color: #dddddd; text-align: right; height: 20px; padding: 5px; }
.order_table_footer_light { background-color: #f3f3f3; text-align: right; height: 20px; padding: 5px; }

.hr_dotted { width: 100%; height: 1px; border: 1px dotted #BBBBBB; }

.operation_table { border: 0px; padding: 0px; width: 300px; }
.alert    {font-family: tahoma, sans-serif; font-size: 14px ; font-weight: bold; color: red; text-decoration: none; text-align: center; }
.ok  {font-family: tahoma, sans-serif; font-size: 14px ; font-weight: bold; color: green; text-decoration: none; text-align: center; }

.image_border { border: 2px solid #BBBBBB; }

.h1 {font-size: 14px; font-weight: bold; font-family: verdana, sans-serif;}

.tekst8  { font-family: verdana, sans-serif; font-size: 9px ; font-weight: normal; color: #000000; text-decoration: none;}
.tekst10  { font-family: verdana, sans-serif; font-size: 10px ; font-weight: normal; color: #000000; text-decoration: none;}
.tekstw14 { font-family: tahoma, sans-serif; font-size: 14px ; font-weight: bold; color: #CC3300; text-decoration: none;}
.px          { font-family: tahoma, sans-serif; font-size: 1px ; font-weight: normal; color: #ffffff; text-decoration: none;}

a:link    {text-decoration: none; font-size: 11px; font-weight: normal; font-family: arial, sans-serif; color: #000000;}
a:visited {text-decoration: none; font-size: 11px; font-weight: normal; font-family: arial, sans-serif; color: #000000;}
a:active  {text-decoration: none; font-size: 11px; font-weight: normal; font-family: arial, sans-serif; color: #000000;}
a:hover  {text-decoration: underline; font-size: 11px; font-weight: normal; font-family: arial, sans-serif; color: #444444;}

.tekst_w          {text-decoration: none; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; color: #FFFFFF;}
a.tekst_w:link    {text-decoration: none; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; color: #FFFFFF;}
a.tekst_w:visited {text-decoration: none; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; color: #FFFFFF;}
a.tekst_w:active  {text-decoration: none; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; color: #FFFFFF;}
a.tekst_w:hover  {text-decoration: underline; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; color: #FFFFFF;}

.tekst            { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none;}
a.tekst:link    { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none;}
a.tekst:visited { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none;}
a.tekst:active  { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none;}
a.tekst:hover    { font-family: verdana, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: underline;}

.tekst_b { font-family: verdana, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none;}
a.tekst_b:link    { font-family: verdana, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none;}
a.tekst_b:visited { font-family: verdana, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none;}
a.tekst_b:active  { font-family: verdana, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none;}
a.tekst_b:hover  { font-family: verdana, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: underline;}

.input {border: 1px solid; border-color: black; font-family: tahoma, sans-serif; font-size: 8pt; background-color: white;}
.submit {font-family: verdana, sans-serif; font-size: 7pt; background-color: white;}

.select {border: 1px solid; border-color: #7F9DB9; font-family: verdana, sans-serif; font-size: 8pt; background-color: #FFFFFF;}

Templates kan også rettes, hvis det er nødvendigt. Det er f.eks nødvendigt, hvis man vil bytte om på rækkefølgen af kolonner i en tabel, eller vil ændre på nogle faste tekster på siden. NB! Hvis shoppen er lavet til et internationalt marked, så er der nok ikke nogen faste tekster i templaten. De vil i stedet ligge i database eller filer, så man kan rette dem ved at ændre en indstilling i admin-delen af shoppen.

Men hvis man ikke ønsker de ændringer i hvad, der vises og rækkefølgen af det, er det for det meste nok at rette i CSS-filen. Især hvis HTML-koden er specifikt designet til at gøre det let. Prøv at se på http://csszengarden.com/ og prøv at vælge nogle af de andre designs i menuen der. Alle designs har nøjagtig den samme HTML-kode (altså samme template), det eneste, der er forskelligt er CSS-filen og de billeder, CSS-filen definerer som baggrunde og den slags. Men nu er http://csszengarden.com/ altså også lavet med det formål at demonstrere styrken ved CSS, så det er ikke sikkert at din shop kan ændres så radikalt uden at man skal pille i templates.

Men hvor, der skal ændres, kommer altså an på hvilke ændringer, du vil have.

Hold da op - det ser da helt vildt ud - ufatteligt at det er muligt, men sørme smart :-)

Jeg ved ikke om jeg må spørge om sådan noget her i dette forum, hvis jeg ikke må, så lukker jeg spg. med det samme, så sender du bare svaret "nej det må du ikke" så skal jeg nok give dig dine velfortjente point.´

Spørgsmålet: Kunne du være interesseret i at kikke på shoppen og vurdere om det er muligt at lave fx. 5 forskellige designs (og gerne forklarer mig hvordan jeg selv laver nogle flere)- jeg har fundet ud af, at et design skal ligge i en undermappe til en mappe der hedder "Templates" man kan så i administartionsdelen vælge mellem de eksisterende mapper som automatisk er med i valgmulighederne, med det samme mappen blot eksisterer. Så systemet er lavet til at fungere med design valgmulighed.

Dette skal du naturligvis ikke gøre uden at få noget for din ulejlighed, men det kan vi jo så aftale når jeg ved om du vil/kan og må :-)

Hey digitalmann

det ligner en fil som hedder default.css ;-)

fang mig på min mail crs@sol.dk måske kan jeg hjælpe :-)

Jeg er ikke specielt god til design, så det vil nok være smartere at få en anden til det. Jeg er mere programmør.

Hvis det er en kendt shop, kan det nok lade sig gøre at finde ekstra designs til download forskellige steder. Det kan man i hvert fald til programmer, der kan skinnes og til f.eks WordPress.

Og, jo, du må godt spørge om den slags her, du skal bare huske, at reglerne siger at der må ikke både gives point og andet (f.eks penge) på samme tid. Kun en af delene af gangen.

Og ellers kan man jo starte med at lave en ny templatemappe med kopi af alle filerne fra den originale mappe, og lave smårettelser i dem.