8/31/2016

Przewijany widget tekstu



Kod css:
#Text1 h2 { /*tytłu gadżetu*/
color: #000; /*kolor czcionki*/
font-family: Trebuchet MS; /*czcionka*/
font-size: 9px; /*wielkość napisu*/
letter-spacing: 3px; /*odległość między literami*/
text-transform: uppercase; /*wszystkie litery są wielkie*/
text-align: center; /*wyśrodkowanie napisu*/
margin-top: -10px !important; /*margines górny*/
margin-bottom: -10px !important; /*margines dolny*/
}
#Text1::-webkit-scrollbar { /*dłuższy pasek*/
width: 6px; /*grubość w pikselach*/
background-color: green; /*kolor*/
}
#Text1::-webkit-scrollbar-thumb{ /*krótszy pasek*/
background: yellow; /*kolor*/
border-radius:0px; /*zaokrąglenie rogów*/
}
#Text1 {
max-width: 300px; /*szerokość gadżetu*/
min-height:200px; /*wysokość gadżetu*/
padding: 15px; /*odległość tekstu od ramek*/
overflow: auto; /*sprawia, że pojawia się pasek przewijania*/
background: #CBE579; /*tło*/
color: #000; /*kolor czcionki*/
}

10 komentarzy:

  1. A czy jest sposób, by zrobić coś takiego w poście?

    OdpowiedzUsuń
    Odpowiedzi
    1. Tak, jednak chodzi ci o post w całości przewijany czy tylko jego fragment?

      Usuń
    2. Tylko fragment. Już z góry dziękuję. :)

      Usuń
    3. Dołączam się do pytania. :)

      Usuń
    4. Ogólnie w tym celu trzeba wejść w HTML posta, a tekst przewijany objąć selektorem, który edytuje się w cssie. Jeśli chcesz, mogę o tym napisać instrukcję

      Usuń
    5. Byłabym wdzięczna. :D

      Usuń
  2. Nie działa mi ten kod CSS. W czym może tkwić problem?

    OdpowiedzUsuń
    Odpowiedzi
    1. Najprawdopodobniej problem tkwi w tekście oznaczony //, nie należy on do kodu css, jest on jedynie wyjaśnieniem, co jest od czego.

      Usuń
  3. Cześć, mam problem z paskiem - pojawia się on, jednakże robi mi się on na dole, czego nie chciałam. Chciałabym go mieć po boku, jak jest to przedstawione na obrazku. Co może być źródłem problemu?

    OdpowiedzUsuń