Meny fra Dynamic Drive overført til ny side..

[Shapeshifter1978]

Prøver å legge inn en meny jeg har brukt lenge i en ny side...

Denne menyen : http://www.dynamicdr...vmenu/index.htm

 

Den havner nå med bokstavene oppå hverandre helt nede i venstre hjørne.

(Skal oppgradere en side til å kunne ses på mobile enheter uten å se uryddig ut)

 

Jeg bruker nå denne som utgangspunkt:

http://www.freewebsi...emplates/page-4   (Women Clothing)

 

Er det noen som forstår hva det kan være eller trengs mer info?

 

Menyen har fungert helt supert hittil 

 

Jeg har dillet med hjemmesider i rundt 20 år, men kun på mini-hobby basis,

har ikke fulgt med i tiden, men har klart meg med å hente koder fra slike sider...  

[Bolson]

Problemet er at hverken malen du bruker eller menyen er responsiv, dvs evner å tilpasse seg skjermoppløsningen på ulike enheter. Det vil således være svært krevende å få dette til å tilpasse seg godt til mobile enheter. Både selve HTML-koden og CSS må skrives om i stor grad.

 

Personlig vil jeg anbefale at du går over til å bruke et responsivt mobiltilpasset rammeverk. Bootstrap, http://getbootstrap.com/, er et greitt utgangspunkt. Utseende fra malen du bruker skal la seg gjenskape, og du vil kunne få til en meny som oppfører seg svært likt den du bruker i dag.

[Shapeshifter1978]

Hjertelig takk

 

Ser lovende ut, er igang med å gjøre meg kjent og har funnet en template som utgangspunkt

 

Kommer gjerne flere spørsmål....  

[Shapeshifter1978]

når jeg åpner bootstrap.min.css  i Sublime er alt på 1 linje...   

Gjelder noen andre filer også, men de fleste hittil har vært oversiktlig og grei,

må jeg redigere filen manuelt eller er det mulig å gjøre det automatisk / laste ned annet sted?

[Shapeshifter1978]

Fikk det til med Brackets - Beautify

 

Men var ikke helt enkelt å finne fram der, prøver å endre farger og sånt som en start, kommer vel etterhvert. 

[Bolson]

Personlig bruker jeg LESS, og derfor Bootstrap Source. Jeg jobber med tyngre CMS og har LESS Compiler installert i oppsettet.

 

Med LESS eller SCSS/SASS så kan man gjøre ting langt enklere. Disse støtter bruk av variabler.

 

.min. filene er kompilert og minimalisert, derfor er alt på en linje. Når man starter er det derfor bedre å bruke filene som ikke er minimalisert.

 

Det tar litt tid å finne fram i starten - men navngivingen av  CSS er helt gjennomført. Se særlig på http://getbootstrap.com/css/, og http://getbootstrap.com/components/.

 

Farger har nesten alltid klasser som bg-primary, bg-info, text-primary, text-info eller lignende.