CSS viewer.

Ga naar het laatste bericht

augustus 2007

• vosruben
  Hallo Tweakers,
  Is er een tool waarmee je de CSS code van de site kan bekijken?
  Net zoals in elke browser de functie zit om de HTML code te bekijken.
  Weet iemand zoon tool?
  Als die er tenminste is.
  
  Alvast bedankt
  ~~Vosruben~~
  23 augustus 2007 16:27
• rubenus
  Je kijkt in de html code hoe het .css bestandje heet, en dan surf je er naartoe download het bestand, en opent hem met kladblok.
  23 augustus 2007 16:37
• vosruben
  Maar hoe surf je er dan naar toen?
  Plak je die code dan in je adresbalk?
  Niet dat ik de style van Tweakwindows ga gebruiken,
  Maar ik heb in de bron van TW het CSS bestand gevonden: Style.CSS
  Maar hoe download je die dan?
  23 augustus 2007 16:42
• blacksorcerer
  Bestand > Opslaan Als ...?
  
  probeer eerst zelf wat meer a.u.b.
  23 augustus 2007 16:45
• vosruben
  Nee,
  Sorry ik dacht dat je dan het .CSS bestand kon downloaden. Maar da's niet zo.
  Nu snap ik het
  23 augustus 2007 16:46
• luccey
  waarvoor zou je dat eigenlijk willen, wil je 'm rippen ofso? (A)
  23 augustus 2007 17:00
• vosruben
  Nee,
  Maar als je in Dreamweaver een CSS maakt moet je ook invullen waar die moet staa.
  En als je dan in de CSS code van bijvoorbeeld TW kijk staat het logo op die ene plek.
  En dan weet ik ook bij hoeveel pixels die staat
  23 augustus 2007 17:05
• leviathan
  Simpelweg de directe url naar het .css bestand in je adresbalk zetten en dan wil ie het gaan downen.
  23 augustus 2007 17:19
• rubenus
  [offtopic] Ook ff een gethot accje gemaakt? nu snap ik waarom je dit wil :P[/offtopic]
  
  [color=blue][size=8]Mod: Graag een nuttige bijdrage leveren.[/size][/color]
  23 augustus 2007 17:20
• vosruben
  [quote=82633] Hoe weet jij dat????
  Maar dat was niet hier voor, ik had een Layoutje gemaakt en die wou ik daarop uittesten
  
  @Leviathan
  Maar hoe kom je aan die directe url van die CSS bestand^o)
  23 augustus 2007 17:27
• leviathan
  Zoeken, experimenteren met adressen, trial and error dus.
  Het staat namelijk gewoon in de bron aangegeven waar de css vandaan gehaald wordt, zelf even het adres verzinnen en je bent klaar.
  23 augustus 2007 17:41
• luccey
  in FF gaat dit heel makkelijk:
  
  rechtermuisknop ergen in de site --> paginabron bekijken --> ctrl+f --> typ: .css --> dan kom je bij het adres, en die typ je in je adresbalk, en klaar
  23 augustus 2007 18:04
• leviathan
  Waarom zou het bij FireFox makkelijker zijn dan bij andere browsers ^o)
  De broncode blijft er hetzelfde op hoor :S
  23 augustus 2007 19:21
• vosruben
  [quote=82638] Als het dan zo makkelijk is h?,
  Wat is dan de link van de CSS style van Tweakwindows?
  Ik weet dat het bestandsnaam Style.CSS is.
  23 augustus 2007 20:15
• savenner
  [url]http://www.tweakwindows.nl/style.css[/url]
  
  ???
  23 augustus 2007 20:22
• vosruben
  [quote=82667] Hoe kom jij aan die link?o0
  Of gewoon gegockt?
  23 augustus 2007 20:31
• leviathan
  Sorry, maar heb je verstand van hoe webpages in elkaar zitten? En dan bedoel ik met de manier waarop bestanden aan elkaar gelinkt worden?
  23 augustus 2007 20:33
• vosruben
  Nee,
  ik heb wel verstand van Webpages.
  Maar dit meen ik echt.
  Ik shreef vroeger alles met hoofdletters waarin je het bestand op moet slaan.
  Want op TW keek ik als eerst hier: http://www.tweakwindows.nl/style.CSS
  Maar het was: http://www.tweakwindows.nl/style.css
  23 augustus 2007 20:37
• keitaro
  exenties ALTIJD in kleine letters typen
  
  23 augustus 2007 20:38
• vosruben
  Keitaro, dat wist ik dus niet.
  Nu weet ik ook de CSS van apple:
  
  [code]/* BILLBOARD */
  #billboard, #promos, #headlines, #ticker, #options, #links, #homefooter { width: 980px; margin: 0 auto 10px; clear: both; color: #76797c; }
  #billboard { width: 900px; margin-right: auto; margin-top: 10px; margin-left: auto; margin-bottom: 0; }
  #billboard img { padding: 0; border: 0; margin: 0; }
  
  /* VIDEOS */
  #video { position: relative; top: -50px; width: 980px; text-align: center; }
  #video a.watch-ad { width: 173px; margin-right: 10px; }
  #video a.watch-event { margin-right: 50px; }
  
  /* PROMOS */
  #promos { width: 980px; min-height: 155px; *height: 155px; }
  #promos img { float: left; border-width: 0; margin: 0 12px 0 0; }
  #promos img.last { margin: 0; }
  
  /* TICKER */
  .wrapper { width: 980px; margin: 0 auto; *margin: 0 auto 15px; _margin: 0 auto; }
  #ticker { min-height: 26px; margin-bottom: 15px; background: #f6f6f6 url(http://images.apple.com/home/elements/ticker_btm_grey.gif) no-repeat left bottom; position: relative; float: left; }
  #ticker p { width: 100%; padding-top: 5px; padding-bottom: 0.2em; background: url(http://images.apple.com/home/elements/ticker_top_grey.gif) no-repeat top left; float: left; }
  #ticker a#ticker-headline { width: 12.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }
  #ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
  #ticker a { color: #6e6e6e; text-decoration: none; }
  
  /* HOMEFOOTER */
  #homefooter { margin: 60px auto 50px; text-align: center; font-size: 10px; color: #6e6e6e; }
  #homefooter a { margin: 0 2px; text-decoration: none; }
  #homefooter a:hover { text-decoration: underline; }
  #homefooter p.left { width: 50%; float: left; text-align: left; text-indent: 10px; }
  #homefooter p.right { width: 50%; float: right; /*text-align: right;*/ }
  #homefooter p.links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; }
  /*#homefooter p.right.links { padding-right: 10px; }*/
  
  /* WORLDWIDE */
  #worldwide { width: 230px; margin: 1.5em auto 10em; }
  #worldwide select { margin-top: 4px; }
  #worldwide img.left { margin: 0; padding: 0; }
  #worldwide form#worldwidelinks { padding: 2px 0 0; float: left; width: 196px; height: 19px; margin: 0 0 50px 8px; background: #fff url(http://images.apple.com/home/elements/worldwide_grey.png) no-repeat 0 100%; color: #fff; }
  #worldwide form#worldwidelinks select { width: 196px; margin-top: -2px; opacity: 0; }
  [/code]
  23 augustus 2007 20:40
• leviathan
  Waarom post je die hier? Kan me echt totaal niet het nut ervan inzien. :S
  23 augustus 2007 20:41
• vosruben
  [quote=82674] I know,
  Maar als ik niet wist dat die bestandnamen niet met een hooftletter moesten. Dan was er ook geen topic nodig.
  Maar dat wist ik niet.
  23 augustus 2007 20:44
• savenner
  Maar wat heb je eraan:S????
  
  en : [url]http://www.tweakwindows.nl/style.css[/url]
  
  kon je zelf wel verzinnen;)
  23 augustus 2007 20:58
• vosruben
  Ja Savenner, Dat hak ik als eerst ook. Maar ik wist niet dat exenties met kleine letters moets worden geschreven. WAnt ik schreef het altijd met hoofdletters.
  23 augustus 2007 21:08