1. Forum
  2. Stylish - InsideGamer

Re: Stylish - InsideGamer

Love it!

Maar begrijp hem nog niet helemaal.
Schrijf vaak genoeg zelf ook in CSS, dus vind ik het leuker om zelf dingen te schrijven, maar vreemd genoeg lijkt hij de code niet te pakken.

Zo ben ik bezig met die site van WPT, namleijk DitWeb, heb de volgende aanpassingen die maar niet schijnen te werken:
.wrapper { width: 970px; margin: 25px auto; position: relative; text-align: left; padding: 0px 0px 50px 0px; }
.entryview { float: left; text-align:left; width: 600px; letter-spacing: 0px; }
.margin { float: left; width: 370px; margin-left: 50px; letter-spacing: 1px; }

Any idea?
  • Love it!

    Maar begrijp hem nog niet helemaal.
    Schrijf vaak genoeg zelf ook in CSS, dus vind ik het leuker om zelf dingen te schrijven, maar vreemd genoeg lijkt hij de code niet te pakken.

    Zo ben ik bezig met die site van WPT, namleijk DitWeb, heb de volgende aanpassingen die maar niet schijnen te werken:
    .wrapper { width: 970px; margin: 25px auto; position: relative; text-align: left; padding: 0px 0px 50px 0px; }
    .entryview { float: left; text-align:left; width: 600px; letter-spacing: 0px; }
    .margin { float: left; width: 370px; margin-left: 50px; letter-spacing: 1px; }

    Any idea?
  • Props voor je startpost. Dat stylish geval is leuk voor de website bouwer, maar voor een leek zoals ik maakt het denk ik niet veel uit. Mij kan het eerlijk gezegd weinig schelen of mijn spoilerdinges ronde hoeken heeft en een schaduw. Maar het is wel leuk voor mensen die er van houden.
  • Wel leuk programma maar heb geen zin om alles overhoop te gooien.
  • Heb je niet een screenshot van hoe insidegamer er nu bij jou uit ziet nadat je dingen hebt aangepast?


    Ja, of ik begrijp er geen kloot van…
    In principe denk ik ook dikke care, maar als je alles kan slepen en rommelen is het misschien wel intressant…

    Picca's picca's picca's picca's picca's picca's picca's picca's picca's
    ^^D
  • Heb je niet een screenshot van hoe insidegamer er nu bij jou uit ziet nadat je dingen hebt aangepast?
  • Screenshot van ?. Hoe het in de praktijk er uit ziet ?. De 'voorbeelden' zijn de screenshots, zo komt het er uit te zien wanneer je het gebruikt.

    Side note: Moet de topic nog opschonen, ben er niet helemaal tevreden mee hoe het er nu uit ziet. Teveel informatie, wil het makkelijker hebben. Maar dit komt nog wanneer ik iets meer tijd heb.
  • Heb je een screenshotje?
    1. FAQ[/*:m]
    2. Uitleg[/*:m]
    3. Styles[/*:m][/list:o]
        Wat is Stylish ? - Stylish is een addon voor FireFox & Chrome*, hiermee is het mogelijk om aanpassingen te maken aan websites, door middel van HTML / CSS.
        [size=1]*Chrome heeft ook de addon, echter hier zal ik voornamelijk alleen FireFox uitleggen,
        omdat ik geen ervaring heb met de addon op Chrome, in toekomst zal ik eventueel het uitbreiden naar ook Chrome.
        [/size]
        Waarom een topic hier ? - Aangezien ik nu Stylish al voor een langere tijd gebruik, en er van hou om simpele aanpassingen toe te passen waar mogelijk, dacht ik, waarom niet gewoon delen met andere IG-members.
        Vind IG dit dan wel leuk ? - InsideGamer zal hier niks van merken, alle aanpassingen zijn alleen zichtbaar voor jou, en voor niemand anders.
        Hoe werkt het ? - Zie UITLEG
        Ik heb geen verstand van HTML en/of CSS..Wat nu ? - Geen probleem. In feite kan je hier de codes copy/paste, echter wanneer je het wil veranderen, is het vereist om verstand te hebben van HTML en/of CSS.
        Kost het geld ? - Nee, het is gratis.[/list:u]
          Hoe installeer Stylish - Je kan Stylish downloaden voor FireFox. Je installeert de 'addon' zoals elke andere addon voor FireFox.
          Ik heb het geïnstalleerd, maar ik zie niks - Correct, je moet eerst zelf aan de slag om dingen te kunnen veranderen
          Waar vind ik Stylish ? - Wanneer alles goed is, moet je nu rechts onderin (FireFox) een icon zien met een " S ". Dit is Stylish, en vanaf hier gaan we ook altijd aan de slag.
          Hoe maakt ik een style ?
      • Ga eerst naar http://insidegamer.com en wacht tot de website geladen is
      • Ga nu naar de Stylish Icon rechts onderin[/*:m]
      • Druk nu met de rechtermuisknop op de icon. Nu verschijnt er een 'menu'.[/*:m]
      • Ga met de muis naar "Write new style" en kies "For insidegamer.nl…",
      • nu komt er een nieuw scherm in beeld. Hiermee kunnen we codes toevoegen.[/*:m]
      • Voeg als naam in InsideGamer, tags mag leeg gelaten worden.
      • Daar onder zie je dan een wit vlak met de volgende text.
        @namespace url(http://www.w3.org/1999/xhtml);
        @-moz-document domain("insidegamer.nl") {
        }
        Verander hier nooit iets aan. Wanneer hier iets veranderd word. Werkt het niet meer.[/*:m]
      • Hou er rekening mee dat alle codes tussen de twee laatste { en } moeten komen.
      • Voorbeeld @namespace url(http://www.w3.org/1999/xhtml);
        @-moz-document domain("insidegamer.nl"){
        HIER KOMEN DE CODES. WANNEER DIT ERGENS ANDERS STAAT, WERKT HET NIET.
        }
        [/*:m]
      • Nu is het een kwestie van een style kiezen, code selecteren en kopiëren.[/*:m]
      • Ga nu terug naar het scherm voor de style, en plak de code in het vlak, tussen de twee 'haakjes' { en }.[/*:m]
      • Druk daarna op save. Het scherm is nu weg, en de codes zouden moeten werken.
      • Rechts onderin heeft de icon nu kleur gekregen, deze verkleurd ALTIJD wanneer er codes veranderd worden op de website.[/*:m]
      • Gefeliciteerd, je bent klaar. Viel best mee.[/*:m][/list:o][/*:m][/list:u]
      • Quote #1 - Rounded + Shadow Voorbeeld Code .quote { font-family: Arial !important; font-size: 12px !important; color: #666 !important; background: #FFF !important; border: 0px solid #CCC !important; border-left: 0px solid #54acba !important; -webkit-box-shadow: 0px 0px 2px #BBB !important; -moz-box-shadow: 0px 0px 2px #BBB !important; box-shadow: 0px 0px 2px #BBB !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; padding: 8px !important; margin-bottom: 4px !important; } Spoiler #1 - Rounded + Shadow inclusief Mouse-Over Text Voorbeeld Standaard Mouse-over Text Code .spoiler { font-family: Arial !important; font-size: 12px !important; color: #FFF !important; background: #FFF !important; border: 0px solid #CCC !important; border-left: 0px solid #54acba !important; -webkit-box-shadow: 0px 0px 2px #8E2323 !important; -moz-box-shadow: 0px 0px 2px #8E2323 !important; box-shadow: 0px 0px 2px #8E2323 !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; padding: 8px !important; margin-bottom: 4px !important; }
        .spoiler:hover { color: #000 !important; }
        Code Tag - Rounded + Shadow Voorbeeld Code .code { font-family: Courier, sans-serif !important; font-size: 8px !important; color: #333333; line-height: 10px !important;
        background-color: #ffffff; -webkit-box-shadow: 0px 0px 2px #009900 !important; -moz-box-shadow: 0px 0px 2px #009900 !important; box-shadow: 0px 0px 2px #009900 !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;
        border: 0px !important;
        padding: 8px !important; margin-bottom: 8px !important; }
        [ ————————————————————————– ]
        Ik zal in de toekomst meerder 'styles' maken en deze topic updaten.
    4. Zal eens een keer een avondje zitten, leuk idee!

    Plaats reactie

    Wanneer je een reactie plaatst ga je akoord
    met onze voorwaarden voor reacties.

    Log in om te reageren