Scrollbar Tut

Hier stellen wir euch Scrollbars und einen Tut dafür zur Verfügung!

Der Aufbau einer Scrollbar



Der Code:



Das vordere ist die Bezeichnung vom Aufbau des Scrollbars!
An die hintere Stelle müssen die Hex-Codes bzw. die Farben!

So gehts:
  • Kopier dir den Scrollbarcode
  • Füge ihn dann in deinen Vollprofi bei Myblog.de oder wenn du Designt, halt in deinen Editor
    (Layouts bestehen aus einem Head und einem Bodybereich, das wissen die jenigen, die meinen Code-tut gedowngeloaded haben ja.
    Der Scrollbar kommt in den Headbereich!)
  • Nun suchst du dir unten einen Scrollbar aus und kopierst dir den Hexcode, bzw Zahlen an die richtige stelle im Code. Wir geben dir nun folgende Codes bzw. Möglichkeiten vor, damit du dir diese hier ausgestellten Scrollbars auf deinen Blog ziehen kannst.

    Scrollbarmöglichkeiten

    1.
    scrollbar-arrow-color: 9FBFD8;
    scrollbar-base-color: AEC8D5;
    scrollbar-track-color: D3E7F2;
    scrollbar-face-color: AEC8D5;
    scrollbar-highlight-color: D3E7F2;
    scrollbar-3dlight-color: AEC8D5;
    scrollbar-darkshadow-color: 9FBFD8;
    scrollbar-shadow-color: AEC8D5;





    2.
    scrollbar-arrow-color: F9F6F5;
    scrollbar-base-color: D3C2BB;
    scrollbar-track-color: E4D6D3;
    scrollbar-face-color: D3C2BB;
    scrollbar-highlight-color: E4D6D3;
    scrollbar-3dlight-color: D3C2BB;
    scrollbar-darkshadow-color: F9F6F5;
    scrollbar-shadow-color: D3C2BB;





    3.
    scrollbar-arrow-color: B7BBD4;
    scrollbar-base-color: 787EA0;
    scrollbar-track-color: EBEEFD;
    scrollbar-face-color: 787EA0;
    scrollbar-highlight-color: EBEEFD;
    scrollbar-3dlight-color: 787EA0;
    scrollbar-darkshadow-color: B7BBD4;
    scrollbar-shadow-color: 787EA0;





    4.
    scrollbar-arrow-color: F0CBE2;
    scrollbar-base-color: DEB4CC;
    scrollbar-track-color: F0CBE2;
    scrollbar-face-color: DEB4CC;
    scrollbar-highlight-color: F0CBE2;
    scrollbar-3dlight-color: DB9DC2;
    scrollbar-darkshadow-color: F0CBE2;
    scrollbar-shadow-color: DB9DC2;





    5.
    scrollbar-arrow-color: F5C2E3;
    scrollbar-base-color: 000000;
    scrollbar-track-color: 000000;
    scrollbar-face-color: C73C8D;
    scrollbar-highlight-color: F5C2E3;
    scrollbar-3dlight-color: C73C8D;
    scrollbar-darkshadow-color: F5C2E3;
    scrollbar-shadow-color: C73C8D;





    6.
    scrollbar-arrow-color: 650D25;
    scrollbar-base-color: B74F66;
    scrollbar-track-color: F5E1E2;
    scrollbar-face-color: B74F66;
    scrollbar-highlight-color: FCBDAC;
    scrollbar-3dlight-color: 650D25;
    scrollbar-darkshadow-color: 650D25;
    scrollbar-shadow-color: 650D25;





    7.
    SCROLLBAR-FACE-COLOR: #5A4A54;
    SCROLLBAR-HIGHLIGHT-COLOR: #000000;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #A191A2;
    SCROLLBAR-ARROW-COLOR: #A191A2;
    SCROLLBAR-TRACK-COLOR: #000000;
    SCROLLBAR-DARKSHADOW-COLOR: #5A4A54;






    8.
    scrollbar-arrow-color: 56ADB4;
    scrollbar-base-color: B5DDDF;
    scrollbar-track-color: 56ADB4;
    scrollbar-face-color: B5DDDF;
    scrollbar-highlight-color: EEEFE7;
    scrollbar-3dlight-color: D7EFF1;
    scrollbar-darkshadow-color: 2D7379;
    scrollbar-shadow-color: 2D7379;





    9.
    scrollbar-arrow-color: 8D7C68;
    scrollbar-base-color: 8D7C68;
    scrollbar-track-color: 8D7C68;
    scrollbar-face-color: 8D7C68;
    scrollbar-highlight-color: B09E88;
    scrollbar-3dlight-color: B09E88;
    scrollbar-darkshadow-color: B09E88;
    scrollbar-shadow-color: B09E88;





    10.
    scrollbar-arrow-color: 7793A9;
    scrollbar-base-color: B5CCDE;
    scrollbar-track-color: B5CCDE;
    scrollbar-face-color: B5CCDE;
    scrollbar-highlight-color: 7793A9;
    scrollbar-3dlight-color: 7793A9;
    scrollbar-darkshadow-color: 7793A9;
    scrollbar-shadow-color: B5CCDE;





    11.

    scrollbar-arrow-color: #414141;
    scrollbar-base-color: #000000;
    scrollbar-track-color: #414141;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#FAFAFA;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color: #FAFAFA;









    Back | Peril-Gfx