mboost-dp1
Få menuen over i højre side
- Forside
- ⟨
- Forum
- ⟨
- newz.dk
Så er der en fiks lille løsning, der kan få rykket den venstre menu over i højre side, som der jo er så mange, der har ønsket. Det eneste krav er at I bruger Firefox eller Opera.
Screenshot kan ses her: http://www.stavepisker.dk/dump/newzdk-four-point-h...
Firefox@Windows:
1. Find en fil der hedder userCrone-example.css. Den vil typisk ligge i følgende mappe:
C:\Documents and Settings\Dit-bruger-navn\Application Data\Mozilla\Firefox\Profiles\random-streng.default\chrome\
OBS: Hvis du ikke kan se alle de ovenstående mapper, så er det formentlig fordi du ikke har slået sådan noget windows-fis med at skjule system-mapper fra. I så fald trykker du blot Windows-tast + F, trykker på "All files and folders" og søger på filnavnet. Der kommer sikkert to filer frem, men du skal altså bruge den, der ligger i ovenstående mappe.
2. Åben filen i Notepad
3. Indsæt følgende kode i bunden af filen:
@-moz-document url-prefix(http://newz.dk/) {
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;} }
4. Gem og luk.
5. Genstart Firefox, og voila.
Opera (aka. browseren for rigtige mænd)@Windows
1. Opret en fil der hedder newzdk.css og placer den, hvor du har lyst til.
2. Indsæt følgende kode i filen (ikke helt samme kode som til Firefox, så lad være med at bruge den):
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;}
3. Gå ind i Opera, vælg Tools i menuen, Preferences, Advanced, Content, Style Options, Presentation modes, og sørg så for, at der er sat flueben i "My style sheet" under "Author mode" (den i venstre side).
4. Gå ind på newz.dk, højreklik et tomt sted på siden, vælg "Edit site preferences", "Display". I "My style sheet" henviser du så til den fil, du lavede lige før.
5. Voila. Og hvis det ikke virker, så genstart Opera.
Firefox@Mac
Find selv ud af det, det er jer med de smarte computere og verdens letteste OS *host*.
Tak til Acro for support. Tak til Norge for at udvikle Opera.
Donationer modtages gerne :D
Enjoy.
Next step - blue theme!
Og btw - brug Opera!
Screenshot kan ses her: http://www.stavepisker.dk/dump/newzdk-four-point-h...
Firefox@Windows:
1. Find en fil der hedder userCrone-example.css. Den vil typisk ligge i følgende mappe:
C:\Documents and Settings\Dit-bruger-navn\Application Data\Mozilla\Firefox\Profiles\random-streng.default\chrome\
OBS: Hvis du ikke kan se alle de ovenstående mapper, så er det formentlig fordi du ikke har slået sådan noget windows-fis med at skjule system-mapper fra. I så fald trykker du blot Windows-tast + F, trykker på "All files and folders" og søger på filnavnet. Der kommer sikkert to filer frem, men du skal altså bruge den, der ligger i ovenstående mappe.
2. Åben filen i Notepad
3. Indsæt følgende kode i bunden af filen:
@-moz-document url-prefix(http://newz.dk/) {
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;} }
4. Gem og luk.
5. Genstart Firefox, og voila.
Opera (aka. browseren for rigtige mænd)@Windows
1. Opret en fil der hedder newzdk.css og placer den, hvor du har lyst til.
2. Indsæt følgende kode i filen (ikke helt samme kode som til Firefox, så lad være med at bruge den):
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;}
3. Gå ind i Opera, vælg Tools i menuen, Preferences, Advanced, Content, Style Options, Presentation modes, og sørg så for, at der er sat flueben i "My style sheet" under "Author mode" (den i venstre side).
4. Gå ind på newz.dk, højreklik et tomt sted på siden, vælg "Edit site preferences", "Display". I "My style sheet" henviser du så til den fil, du lavede lige før.
5. Voila. Og hvis det ikke virker, så genstart Opera.
Firefox@Mac
Find selv ud af det, det er jer med de smarte computere og verdens letteste OS *host*.
Tak til Acro for support. Tak til Norge for at udvikle Opera.
Donationer modtages gerne :D
Enjoy.
Next step - blue theme!
Og btw - brug Opera!
En del har brokket sig over baggrundsfarven, så her er emilsj's CSS udviddet lidt
For ikke at skulle ændre i userChrome kan extensionen Stylish anbefales
@-moz-document url-prefix(http://newz.dk/) {
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;
}
div#wrapper, div.primary_navigation, div.primary_column_extra {
background-color: #f0f0f0 !important;
}
}
For ikke at skulle ændre i userChrome kan extensionen Stylish anbefales
nu prøvede jeg lige med stylish, det er da vildt så dejligt newz ser ud, i forhold til at have menuen i venstre side :)
Ah men, Acro har jo fortalt os at nu har "man" valgt, og så er det bare synd hvis man er uenig åbenbart.
Lidt ligesom deres tilfældighedsgenerator aka redaktionelle linje.
Lidt ligesom deres tilfældighedsgenerator aka redaktionelle linje.
#9 #10 #11
hvis i har prøvet at ændre background color, har i nok også set at der skal gøres meget mere før det virker, og personligt kan jeg godt følge dem i at det er en stor opgave for dem at lave alle disse ting om.
men hvis en brugere laver en virkelig seriøs løsning, er det nok også muligt at få det implementeret i siden ....
men jeg er også glad for at få en anden farve, selv om jeg dov vil beholde menu'en i venstre side ..
hvis i har prøvet at ændre background color, har i nok også set at der skal gøres meget mere før det virker, og personligt kan jeg godt følge dem i at det er en stor opgave for dem at lave alle disse ting om.
men hvis en brugere laver en virkelig seriøs løsning, er det nok også muligt at få det implementeret i siden ....
men jeg er også glad for at få en anden farve, selv om jeg dov vil beholde menu'en i venstre side ..
#18 > Det kan man sikkert godt. Du skal bare til at finde et plugin til IE, som tillader dig at gøre det. Men jeg tvivler nu alligevel på at det findes.
Søg på Google på noget med IE, plugin, local stylesheet, edit CSS eller noget i den stil, så kan det være der er bid.
Smid svaret her, hvis du finder det :D
Søg på Google på noget med IE, plugin, local stylesheet, edit CSS eller noget i den stil, så kan det være der er bid.
Smid svaret her, hvis du finder det :D
#20
Ja, du indsætter bare:
Under det du allerede har skrevet (husk at den sidste } skal være efter det her også).
Det mellemrum du får, kommer dog til at gå ud over mellemrummet mellem indholdet og menuen, men det ser ikke så galt ud med en 15-20px.
Ja, du indsætter bare:
div.primary_column {
margin-left: 20px !important;}
Under det du allerede har skrevet (husk at den sidste } skal være efter det her også).
Det mellemrum du får, kommer dog til at gå ud over mellemrummet mellem indholdet og menuen, men det ser ikke så galt ud med en 15-20px.
#25 > Du kan ændre på det hele, det er bare et spørgsmål om at finde det i CSS-filen, hvor alt der har med design og placeringer er angivet. Problemet er bare, at CSS-filen er 8500 linjer lang, så der er en del ting der skal findes og rettes :D
#27 > Jeg sidder og arbejder på det netop nu, og det kan sagtens lade sig gøre, det eneste problem er, at den vil klæbe sig op ad menuen. Jeg ville gerne have, så den lå midt imellem indholdet og menuen, men hverken padding-left eller margin-left ser ud til at virke på den.
Btw, hvis du kan lide mit indlæg, så skal du jo huske at give det en karakter :D
#27 > Jeg sidder og arbejder på det netop nu, og det kan sagtens lade sig gøre, det eneste problem er, at den vil klæbe sig op ad menuen. Jeg ville gerne have, så den lå midt imellem indholdet og menuen, men hverken padding-left eller margin-left ser ud til at virke på den.
Btw, hvis du kan lide mit indlæg, så skal du jo huske at give det en karakter :D
Hvis I vil have en pæn streg ned langs menuen, så indhold og menu er tydeligt adskilte, så skal følgende kode sættes ind:
Stregen findes vist allerede for IE-brugere, men ikke for Firefox og Opera.
Hvis du stadig har menuen i venstre side, men gerne vil have stregen alligevel, så ændrer d selvfølgelig bare "border-left" til "border-right"
Hvis I vil have stregen til at være fuldt optrukken, så ændrer i bare "dotted" til "solid".
border-left: 1px dotted #b7b5a9 !important;
padding-left: 2% !important;
Stregen findes vist allerede for IE-brugere, men ikke for Firefox og Opera.
Hvis du stadig har menuen i venstre side, men gerne vil have stregen alligevel, så ændrer d selvfølgelig bare "border-left" til "border-right"
Hvis I vil have stregen til at være fuldt optrukken, så ændrer i bare "dotted" til "solid".
#32
Sådan, nu virker det. Jeg brugte også din margin fra #22... Det ser sq godt ud..
Jeg prøvede forresten lige at sætte den gamle blå farve på som baggrund. Der er sq meget tekst og mange skygger der skal ændres, kommer til at tage en weekend hvis man vil lave sådan en skin :(
Men jeg har da fået isoleret meget af css'en til skygge gif'erne nu..
Sådan, nu virker det. Jeg brugte også din margin fra #22... Det ser sq godt ud..
Jeg prøvede forresten lige at sætte den gamle blå farve på som baggrund. Der er sq meget tekst og mange skygger der skal ændres, kommer til at tage en weekend hvis man vil lave sådan en skin :(
Men jeg har da fået isoleret meget af css'en til skygge gif'erne nu..
Man kan faktisk godt få det her til at virke i IE7. Tag hvad der står i #3, bare uden mozilla halløj.
Jeg skriver det lige igen
i IE7, gå ind i tools -> options, under fanen general er der en knap nederst til højre der hedder accessability. Gem ovenstående kode som en .css fil og link til den.
Column er nu i højre side. Der er dog lidt andre fejl.
MEN, dette medvirker at ændringen sker på alle sider der hedder det samme som newz's ting i stylesheetet
Jeg skriver det lige igen
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;
}
div#wrapper, div.primary_navigation, div.primary_column_extra {
background-color: #f0f0f0 !important;
}
i IE7, gå ind i tools -> options, under fanen general er der en knap nederst til højre der hedder accessability. Gem ovenstående kode som en .css fil og link til den.
Column er nu i højre side. Der er dog lidt andre fejl.
MEN, dette medvirker at ændringen sker på alle sider der hedder det samme som newz's ting i stylesheetet
Her er et screen:
http://img236.imageshack.us/img236/1329/newzie7sn1...
http://img236.imageshack.us/img236/1329/newzie7sn1...
Værsågod IE7 CSS for at flytte venstre kolonne over i højre.
læs min post i #37 for at implementere
div.secondary_column {
width: 300px !important;
float: right !important;
margin: 0 0px 70px 0 !important;
}
div#wrapper, div.primary_navigation, div.primary_column_extra {
background-color: #f0f0f0 !important;
}
div.primary_column{
margin-left: 1em !important;}
div#container {
background: #fff !important;
}
læs min post i #37 for at implementere
Well jeg er kommet frem til dette..
http://nlink.dk/dl/newz.dk_custom_css.png
Dog lidt weird jeg ikke kunne få a.logo img (Newz logoet) til at makke ret, så ud røg det istedet. :D
http://nlink.dk/dl/newz.dk_custom_css.png
Dog lidt weird jeg ikke kunne få a.logo img (Newz logoet) til at makke ret, så ud røg det istedet. :D
Det tog lidt om sig, så i stedet for fylde denne tråd kan du få et link til den..: newz.dk_custom_css.css
Der garanteret noget jeg har over set, så er du advaret :D
Der garanteret noget jeg har over set, så er du advaret :D
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.