Søg
Avatar billede stussy Nybegynder
11. juni 2004 - 00:11 Der er 11 kommentarer

Hvordan ville i gøre ? skift design ved tryk på en knap i admin

Hejsa - gode råd modtages med kyshånd :-)

Jeg er i gang med et lille projekt (butik), som jeg har et lille spørgsmål til.

Jeg har sådan set lavet butikken http://www.dk-service.dk/dk-butik/index.asp
(næsten færdig, mangler kun det sidste :-)

Men jeg ved ikke lige hvordan jeg skal gribe næste face an.

Jeg vil give ejeren af shoppen mulighed for at ændre design/skins i administrations delen.

Du kan trykke på ”admin” i menuen i toppen for at se hvad jeg mener (det skal naturligvis laves med password)

Ideen er at lave et gratis supplement til TDC’s shopbasis løsning, lidt som ”synonym” gjorde inden TDC opkøbte dem.

Her skal alle som ønsker en netbutik, kunne oprette en gratis butik (muligvis begrænset til 50 varer).
MEN hvordan ville i gribe det an med skins funktionen?

Skal jeg have gang i noget CSS eller kan det hele klares fra database eller hvordan skal det gøres hvis det skal gøres rigtigt og smartest.

Jeg skal blot have et par ideer til hvordan jeg skal gribe det an, så jeg ved i hvad retning jeg skal gå.

Har du forslaget der er 200 point værd ?
Avatar billede thedeathart Nybegynder
11. juni 2004 - 00:15 #1
det smarteste ville være at lave designet totalt i css.
og så lave et script hvor man kan vælge stylesheet.

du kan selv bruge en database til at store navnenet på css-filerne i, så er det nemmere (i php ville det være nemmere, ved ikke med asp)
Avatar billede roenving Novice
11. juni 2004 - 00:25 #2
Man kan faktisk sagtens skifte stylesheet on-the-fly (lidt tungt, men det virker !-)

-- ligeledes kan man lave om i referencer m.m.v., så det er mest et spørgsmål om, hvad du vil stille af krav !-)

-- Grundlæggende er der ingen tvivl om, at en database-baseret løsning vil være den bedste for brugerne !o]
Avatar billede stussy Nybegynder
11. juni 2004 - 00:27 #3
der er vel ikke nogen der har en link til noget, hvor man kan se eksempler?
Avatar billede roenving Novice
11. juni 2004 - 00:34 #4
Kender du csszengarden: http://www.csszengarden.com/

Egentlig er det et dårligt eksempel på praktisk web-design, for det overholder faktisk ikke css-standardens grundlæggende ideer, men giver et fantastisk blik på de muligheder, som findes ...

-- ogeh ...

Jeg har faktisk haft fat i nogle her på sitet, som jeg (og/eller andre !-) har hjulpet på vej med nogenlunde det samme, men kan jeg huske nogle keywords -- næh ...
Avatar billede stussy Nybegynder
13. august 2004 - 12:54 #5
roenving- det er præcis sådan et system jeg søger.
Men jeg kan desværre ikke finde ud af at lave det :-(
Avatar billede roenving Novice
13. august 2004 - 13:05 #6
-- faktisk on-the-fly (men absolut utestet !-)

<link rel="stylesheet" type="text/css" href="style/default.css">
<link rel="stylesheet" type="text/css" href="style/theme1.css" disabled>
<link rel="stylesheet" type="text/css" href="style/theme2.css" disabled>
<link rel="stylesheet" type="text/css" href="style/theme3.css" disabled>
<link rel="stylesheet" type="text/css" href="style/theme4.css" disabled>
<link rel="stylesheet" type="text/css" href="style/theme5.css" disabled>
<link rel="stylesheet" type="text/css" href="style/theme6.css" disabled>

...

<script type="text/javascript">var actTheme=0;</script>


Vælg tema:<br>
<select name="tema" onchange="var ss=document.styleSheets,n=+this.value;ss[actTheme].disabled=true;ss[n].disabled=false;actTheme=n;">
  <option value="0">Default tema</option>
  <option value="1">Default tema</option>
  <option value="2">Default tema</option>
  <option value="3">Default tema</option>
  <option value="4">Default tema</option>
  <option value="5">Default tema</option>
  <option value="6">Default tema</option>
</select>
Avatar billede roenving Novice
13. august 2004 - 13:06 #7
Hov:

  <option value="0">Default tema</option>
  <option value="1">Tema 1</option>
  <option value="2">Tema 2</option>
  <option value="3">Tema 3</option>
  <option value="4">Tema 4</option>
  <option value="5">Tema 5</option>
  <option value="6">Tema 6</option>
Avatar billede stussy Nybegynder
15. august 2004 - 00:08 #8
ok fint nok, men hvordan skal så theme1.css fx se ud? kunne du prøve at lave et eksempel hvor disse skifter farve :
sidebaggrund,
ramme,
cellebaggrund.

fx som virker på denne simple side :

<body>

<table border="2" cellpadding="2" width="300" id="AutoNumber1" height="300">
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
</table>

</body>
Avatar billede roenving Novice
15. august 2004 - 00:21 #9
F.eks.

default.css:

body{background-color:#faa;}
table{border:red;border-collapse:collapse;}
td{background-color:pink;}

theme1.css:

body{background-color:#afa;}
table{border:2px solid green;border-collapse:collapse;}
td{background-color:#8f8;}

-- osv.

Et resultat med inline stylesheets:

<style type="text/css">
body{background-color:#faa;}
table{border:2px solid red;border-collapse:collapse;}
td{background-color:pink;}
</style>
<style type="text/css" disabled>
body{background-color:#afa;}
table{border:2px solid green;border-collapse:collapse;}
td{background-color:#8f8;}
</style>

<body>

<table cellpadding="2" width="300" id="AutoNumber1" height="300">
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
  <tr>
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
</table>

<script type="text/javascript">var actTheme=0;</script>

Vælg tema:<br>
<select name="tema" onchange="var ss=document.styleSheets,n=+this.value;ss[actTheme].disabled=true;ss[n].disabled=false;actTheme=n;">
  <option value="0" style="background:#faa">Default tema</option>
  <option value="1" style="background:#afa">Tema 1</option>
</select>

</body>
Avatar billede roenving Novice
15. august 2004 - 00:22 #10
-- og jeg glemte i eksemplet til default.css at rette border til med bredde og type !-)
Avatar billede roenving Novice
15. august 2004 - 00:24 #11
Ligesom jeg heller ikke ændrede den principielt forkerte height-attribut på tabellen ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:53 TV4ever 3.0 Af valby i Diverse
I går 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »