Advertisements
Skip to content
19/07/2011 / ~ Yappa ~

WordPress #3: Scroll Bar

Bạn có 1 trang WordPress với 1 text widget nhắn nhủ đôi lời với người đọc?
Nhưng có điều nó lại quá dài và chiếm hết đất trang blog của bạn?
Vậy thì đây là giải pháp của bạn, tạo 1 thanh cuộn dọc cho phần nhắn nhủ của mình
Cách làm rất đơn giản, dán đoạn sau vào text widget của bạn ^^

<div style="height:200px;white-space:pre-wrap;overflow:auto;">ABC</div>

Trong đó ABC chính là lời nhắn nhủ mà bạn muốn
Và ở height:200px, bạn có thể thay 200 bằng một con số khác, tùy thuộc vào chiều cao của text widget bạn muốn đặt. Có điều con số này không được nhỏ hơn 45 vì nếu không sẽ không có đất cho thanh cuộn nữa :))
Còn nếu muốn làm một thanh cuộn ngang, bạn dùng với code sau

<div style="white-space:pre;overflow:auto;">ABC</div>

Ví dụ

FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE

Các thanh cuộn này cũng có thể dùng trong bài viết hay trang (với điều kiện là phải dán ở trong chế độ HTML), như các bạn có thể thấy bài viết này được viết trong một thanh cuộn dọc với chiều cao 500 px ^^

https://tieuxuyen.wordpress.com/meo-wordpress/

Advertisements

96 phản hồi

Gửi bình luận
  1. habin3288 / Th7 20 2011 10:30 Chiều

    thanks bạn nhiều nha, cái này cực kì hữu ích :P

    Số lượt thích

  2. Cảm ơn bạn nhá :)

    Số lượt thích

  3. ♫♥Thủy Linh Long♥♫ / Th8 30 2011 2:01 Chiều

    Thanks nhiều! ^^

    Số lượt thích

  4. susooluvangels / Th3 5 2012 5:36 Chiều

    ss, hỏi ra thì thật ngại quá nhưng em mới tạo acc ở wp nên còn rất nhiều điều chưa biết ạ, text widget là cái gì ạ, mà muốn vào được nó thì làm sao ạ??? >.< nói thật là em mù tịt ở khoản này nhưng em rất muốn làm như ss, à mà làm sao chia ra được mấy cái khung nhỏ nhỏ với tiêu đề và chữ như thế vậy ss =.= em mò không thể ra được luôn a TT.TT ss từ bi tốt bụng hảo hảo giúp đỡ em với, em hứa từ h` sẽ mò sang đây cm thường xuyên cho ss ngar *mắt cún*

    Liked by 1 person

    • ~ Yappa ~ / Th3 5 2012 8:15 Chiều

      em vào giao diện -> widgets -> kéo cái widget Văn bản vào thanh bên

      mỗi khung nhỏ nhỏ với tiêu đề đều là widget cả, nếu muốn biết rõ hơn về từng loại widget em có thể tham khảo tại đây ^^

      Liked by 1 person

      • tiỂu wỸ sUsOO / Th3 6 2012 9:20 Chiều

        hehehe, vô cùng tks ss nhá, à mà ss ơi, làm sao đổi được cái tên to to như chữ ~ Yappa ~ ở đầu trang của ss vậy, em đã rất cố gắng mày mò để không làm phiền tới ss nhưng cuối cùng vẫn là không tìm ra được a TT.TT í, ngoài lề chút, rất cám ơn mấy cái đam mỹ ss edit, vô cùng hay nga, em chờ tìm mấy bộ đó lâu lắm rồi á, giờ có ss edit mừng ghê. Em đọc chưa xong nên chưa cm trong mấy cái đam mỹ đó cho ss được, thông cảm dùm em, mai mốt đọc hết rồi em cm 1 lượt luôn nhé *mắt trớp trớp* ^^

        Số lượt thích

        • ~ Yappa ~ / Th3 6 2012 9:30 Chiều

          cái chữ Yappa đó là sis type lên hình chứ không phải là tùy chọn trong wp đâu em ạ ^^”

          Số lượt thích

          • tiỂu wỸ sUsOO / Th3 7 2012 11:46 Sáng

            ôi cái cuộc đời em, thế là phải tự lm nữa r =.= tks ss nhìu nhìu lớm í ạ *hun gió cái nào* ^^

            Số lượt thích

      • van / Th1 23 2014 12:17 Chiều

        nhạc nền trang hay quá, bài j vậy, bác cho xin cái tên :D

        Số lượt thích

  5. ◘_◘ zzki[12]uzz ●_● / Th3 23 2012 4:55 Chiều

    hj tks ss nhìu nhìu nha … cho em cop đoạn mã đó xài nghen ^^

    Số lượt thích

  6. Thông Tin Nhật Bản / Th7 8 2012 11:34 Sáng

    Chào bạn,mình hỏi bạn chút ,chèn Code nào để ra như bạn vậy ,xin cảm ơn

    Số lượt thích

  7. freeleaf137 / Th7 20 2012 11:24 Sáng

    Bạn ơi, thay vì văn bản mình chèn hình trong thanh cuộn được không

    Số lượt thích

    • ~ Yappa ~ / Th7 20 2012 11:39 Sáng

      Được bạn ạ ^^

      Số lượt thích

      • freeleaf137 / Th7 20 2012 11:40 Sáng

        Vậy nếu mình chèn hình mình có cần thêm code nào không

        Số lượt thích

        • ~ Yappa ~ / Th7 20 2012 4:13 Chiều

          bạn thêm hình như bình thường thôi
          nếu muốn có thể dùng code hình
          còn nếu ko, bạn post hình bình thường, sau đó mới chuyển sang HTML rồi thêm code để tạo thanh cuộn

          Số lượt thích

  8. soulofthewindy / Th8 23 2012 10:24 Sáng

    Nàng ơi, có thể chỉ mình cách cho tất cả link từng chap của bài viết vào một trang cho gọn không? Như fic nàng ra nó hiển thị ở một trang với nhiều link chap 1 đến bao nhiêu đó. Mình mò không ra và vì nhà mình bài viết từng chap nhiều quá nên khi đọc phải mò mẫm không tiện lắm. =”=~ Chỉ mình cách làm ra trang chính chứa từng bài viết của mỗi chap trong fic luôn nhé. Cảm ơn bạn…

    Số lượt thích

  9. Boo Nguyễn / Th11 29 2012 8:36 Chiều

    Thank U ^!^

    Số lượt thích

  10. huy3041993 / Th2 20 2013 2:25 Sáng

    Bạn ơi cho mình hỏi làm thế nào để post một bài mới mà nó hiện như này vậy. Mình đã chụp ảnh và upload lên upanh.com vào xem giúp mình nhé. Thanks.

    Số lượt thích

  11. minhamhoc / Th7 6 2013 1:19 Chiều

    Cho mình hỏi, khi ấn vào trang nhà mình thì tất cả các bài viết đều hiện hết lun, có cách nào để nó chỉ hiện khoảng 5 bài viêt mới nhất, còn tiếp theo phải ấn sang trang k?

    Số lượt thích

  12. Tiểu Tuyền / Th7 15 2013 9:43 Sáng

    Yappa cho mình hỏi, mình thấy nhiều nhà, có thể trang trí rồi thêm màu cho chữ ở thanh widget, bạn có bài hướng dẫn làm cái này ko?

    Số lượt thích

  13. haduytintyt235 / Th8 8 2013 8:42 Sáng

    cảm ơn đã chia sẽ, mình đã làm theo như thế với web http://www.congnghemay.info/
    Bạn có thể vui long cho mình hỏi thêm là làm sao để cái kiểu cuộn ngang nó tăng thêm chiều dài ra không, như web hiện giờ của mình nó nằm ở dưới cùng đó, giờ mình muốn tăng chiều dài ra hết trang từ bên trái qua bên phải là nó hết luôn,
    mong sớm nhận đc hồi âm

    Số lượt thích

  14. gekkabijin / Th9 1 2013 9:48 Chiều

    Bạn ơi, cho mình hỏi 1 chút được không?

    Mình muốn làm thanh cuộn cho bài viết của mình nhưng do mình đã lỡ làm sẵn cái list theo dạng số thứ tự (từ 1 – n), khi bỏ vô thanh cuộn, nó tự động loại toàn bộ số, thay bằng dấu chấm to đầu dòng. Lúc mình đặt lại số cho nó thì thanh cuộn biến mất và xảy ra lỗi.

    Bạn có thể chỉ mình cách tạo thanh cuộn mà mục lục trong đó vẫn được đánh số không?

    Xin lỗi gì đã làm phiền và cám ơn bạn đã đọc comment của mình! ^^

    Số lượt thích

    • ~ Yappa ~ / Th9 2 2013 8:49 Sáng

      thông thường thì tạo thanh cuộn không ảnh hưởng gì đến nội dung bên trong bạn ạ
      bạn có ghi nhầm chỗ nào không

      Số lượt thích

  15. ღHamano Michiyoღ~(Diệp Tử Vi)~ / Th9 11 2013 9:51 Sáng

    Sao mình tạo mãi mà ko được hở bạn :(
    Mình copy code tạo thanh cuộn dọc của bạn, nhưng mà cứ dán vào rồi cập nhật xong, lúc nhìn sang trang thì thấy nó hiện mỗi dòng này:

    Số lượt thích

  16. Hanamy Hino / Th12 30 2013 9:19 Chiều

    Bạn cho mình hỏi tí, sau khi mình tạo thanh cuộn thì khoảng cách giữa 2 dòng lại gấp đôi so với khi không có thanh cuộn, có cách nào chỉnh khoảng cách dòng ko bạn.

    Với lại, bạn cho mình hỏi thêm, wordpress có thẻ hide ko bạn, nghĩa là khi nhấp vào thì nội dung mới hiện ra í.

    Mình cám ơn trước và xin lỗi vì đã làm phiền bạn ^_^

    Số lượt thích

  17. hitomisasuke / Th4 10 2014 9:26 Chiều

    mk mún có đc những thư mục kiểu: ngôn tình, đam mỹ,… như bạn thỉ phải làm sao ạ ? mk ms lập wp nên còn trẻ trâu lắm ạ >…<

    Số lượt thích

  18. Kelly Hwang Minh / Th5 1 2014 5:14 Chiều

    – Có cách nào thêm widget vào Wordpess không bạn?

    Số lượt thích

  19. U Linh Lãnh Cung / Th5 7 2014 10:42 Sáng

    bạn ơi cho mình hỏi~~~text widget là gì vậy ?_? xin lỗi mìh rất gà vì nó mới xây

    Số lượt thích

  20. Tiểu Thư Nhi / Th6 29 2014 11:55 Sáng

    tỷ ơi ~ ;_; em ko làm đc, em copy thanh cuộn đầu tiên như tỷ chỉ dẫn rồi thay chữ ABC bằng những lời em muốn nhắn nhưng sao vào lại WP là ko thấy thanh cuộn đâu cả @@

    Số lượt thích

  21. duc loi / Th1 3 2015 9:36 Chiều

    Thật lòng mà nói cái background của bạn quá khó chịu

    Số lượt thích

  22. Cửu Cửu / Th7 2 2015 11:26 Sáng

    Chào yappa ạ. cám ơn yappa với những bài viết rất hữu ích. từ hôm lập wp tới giờ ngày nào vào wp là cũng kèm vào nhà yappa để đọc hiểu rồi về mò luôn ^^.

    Ngoài ra, e muốn hỏi yappa chút, mục widget liên quan tới trang facebook ở thanh bên nhà yappa làm cách nào vào khung y như vậy được ạ?

    Em ngồi copy đoạn code rồi dán link fb vào chỗ chữ ABC, sau đó dán vào phần URL của widget fb like box, nhưng hình như không đúng ạ. Thực ra em không định làm cho fb like box mà làm cho mục About.me, em nghĩ cả 2 chắc cũng sẽ có cách làm như nhau nên mò mẫm để làm mà ko ra được?

    Mong yappa chỉ thêm. ^^

    Số lượt thích

    • ~ Yappa ~ / Th7 2 2015 9:51 Chiều

      mình vẫn chưa hiểu cụ thể bạn đang hỏi về cái gì
      1. nếu bạn không làm được widget fb like box, bạn chụp hình phần widget bạn đã làm cho mình xem
      2. làm cho mục about.me nghĩa là sao

      Số lượt thích

      • Cửu Cửu / Th7 2 2015 10:30 Chiều

        đây là widget about.me của mình. Đơn giản là mình muốn widget about.me này hiển thị giống widget facebook của yappa ở trang bên ạ. Mong yappa chỉ giáo ^^

        Số lượt thích

        • ~ Yappa ~ / Th7 2 2015 10:47 Chiều

          widget tớ đang dùng là widget facebook có sẵn trong wordpress và nó chỉ dùng cho fanpage thôi, chứ không cho trang cá nhân
          widget about.me thì yêu cầu bạn phải đăng ký tài khoản trên trang about.me
          bạn có đang bị nhầm lẫn gì về 2 wordpress này không
          còn up ảnh thì bạn có thể up lên các trang up ảnh online rồi paste link vào đây là được

          Số lượt thích

          • Cửu Cửu / Th7 3 2015 7:10 Sáng

            ^^ bây giờ mới trả lời yappa được.
            mình lập about me rồi. ý mình là làm sao để khi hiển thị ra trang thì widget about me sẽ ở trong khung giống widget facebook của yappa ấy.
            mục about.me của mình như này
            aboutme2

            khi ra trang, nó rất dài như này
            aboutme

            Mình muốn cho nó vào khung để bớt dài nên mình dán code sau vào mục URL của widget about.me: http://about.me/alyz nhưng ko thành công.

            Không biết làm thế nào nữa nên mình chỉ còn biết qua đây làm phiền yappa chút. ^^

            Số lượt thích

            • Cửu Cửu / Th7 3 2015 10:20 Sáng

              Mã code mình dán vào mục URL của widget about.me đây

              <div style="height:200px;white-space:pre-wrap;overflow:auto;">http://about.me/alyz</div>

              (Q..Q)~~ mò tung nhà yappa mới ra cách hiển thị nguyên dòng mã code.

              Và mình lại mắc thêm ở mục wordpress #7: page jump , và mục dùng thẻ more. ko hiểu sao thẻ more ko xài được. còn mục page jump thì đọc mãi hổng hiểu. đang cố ngồi nghiền ngẫm nó Q.Q) ~~~

              Số lượt thích

            • ~ Yappa ~ / Th7 3 2015 10:16 Chiều

              1. widget about.me là widget có sẵn, nó mặc định là không có scroll bar, nên bạn không thể chỉnh sửa được gì widget này đâu
              như mình nói ở trên, bạn chỉ có thể dùng code scroll bar tạii bài viết, trang, hoặc widget văn bản thôi
              như widget facebook thì mặc định của nó là có scroll bar sẵn rồi
              2. bạn nói thẻ more không xài được cụ thể là sao
              3. Bạn có thể copy code page jump sẵn của tớ và thay nội dung của bạn vào ^^

              Liked by 1 person

              • Cửu Cửu / Th7 3 2015 10:26 Chiều

                cám ơn yappa. page jump thì tớ biết cách rùi ^^ chỉ có thẻ more ko biết có phải do page của t ko mà ko xài được. tuy nhiên, wordpress của t có sẵn phần tóm tắt ở bên, đôi khi nó tự tóm tắt luôn khi hiện @@. t vẫn đang ngồi mò mẫm. chỉ có điều hơi châm tiêu. cho t hỏi thêm 1 chút mã code [display-posts tag="chuoi-cho-duong-dan-tinh-tag" posts_per_page="-1" order="ASC"] này làm thế nào để nó hiển thị nguyên cả đoạn code như vậy trên bài post vậy ạ?

                Số lượt thích

                • ~ Yappa ~ / Th7 3 2015 10:48 Chiều

                  1. với WP tự tóm tắt sẵn thì đúng là không tự dùng được thẻ more được thật
                  2. với mã shortcode thì phải dùng thẻ html thay cho ký tự [ bạn ạ

                  Liked by 1 person

                  • Cửu Cửu / Th7 4 2015 7:19 Sáng

                    cám ơn yappa ~ ^3^ mình còn nhiều điều muốn hỏi quá. chỉ tiếc tối yappa onl hơi muôn. mình nói chuyện được 1 câu thì mẹ khều đi ngủ luôn ٩(°v°)/ hì

                    Số lượt thích

                  • Cửu Cửu / Th7 4 2015 11:50 Sáng

                    tuy nhiên thẻ html là thẻ html gì ạ?

                    Số lượt thích

                    • ~ Yappa ~ / Th7 4 2015 1:49 Chiều

                      thẻ này tớ không viết ra được bạn ạ, vì viết ra là nó tự động biến thành [ luôn >.<

                      Số lượt thích

      • Cửu Cửu / Th7 2 2015 10:33 Chiều

        mình quên =..= mình không biết up ảnh ở đây như thế nào QaQ

        Số lượt thích

  23. ngocha97 / Th8 8 2015 10:14 Chiều

    Ss cho em hỏi sao phần Thông báo của ss nó lại hiền đc các phần trong 1page và có phần xem chi tiết ở cuối? Xuống dòng trong code ở trên ss chia sẻ thì làm thế nào?

    Số lượt thích

    • ~ Yappa ~ / Th8 8 2015 10:23 Chiều

      nội dung trong thông báo là do ss tự nhập chứ không phải các phần trong page gì
      cái xem chi tiết chỉ là 1 link bình thường dẫn tới bài viết thông báo thôi
      xuống dòng thì gõ enter bình thường thôi

      Liked by 1 person

  24. rimoca / Th1 31 2016 1:45 Sáng

    ss ơi cho e hỏi với, làm sao để tạo ra được những thanh như convert,… ở đầu trang vậy ạ? ss cho e cảm ơn

    Số lượt thích

  25. dongmaymuahablog / Th3 6 2016 8:42 Chiều

    Yap có thể chỉ giúp minh làm cách nào để có thể tra được những bài post trên công cụ tìm kiếm, được không Yappa? Pls, bởi mình post xong xuối thì lại không thấy bài hiển thị trên bác Gúc- gồ cả hic…
    À, đúng rùi, mình mù công nghệ nặng nhá Yap,,,hĩc

    Số lượt thích

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

%d bloggers like this: