ブログ

List of “Quick Tags”, TCD’s unique feature to make the decoration of articles more beautiful

The sample list of these quick tags are included in the theme as a configuration file.
We introduce it in the same order as the quick tag button displayed on the editor.

Responsive display of Youtube video

This quick tag displays Youtube video in a post in responsive design.
By narrowing the browser window width you can check the display on the smartphone.
On a PC monitor, even a movie’s width is larger than the main column is resized exactly to the column width.

Content card display of related posts

Links to related posts in the site can be displayed with thumbnail images.

 

Column layout

Layout 2c

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Layout 3c

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading style

H3 Heading a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H3 Heading b

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H4 Heading a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H4 Heading b

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H5 Heading a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H5 Heading b

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Box style

style 1・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

style 2・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

style 3・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Customize * Specify how buttons are arranged

* It is possible to change the color by adding the class specification.

style 1(red)・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

style 1(blue)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

style 1(green)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

style 1(yellow)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button style

Flat button(default)
Flat button-L
Flat button-S

Flat button(red)
Flat button(blue)
Flat button(green)
Flat button(yellow)

Round button(default)
Round button-L
Round button-S

Circle round button(default)
Circle round button-L
Circle round button-S

Customize * Specify how buttons are arranged

* You can specify the placement method by enclosing with p tag and adding class specification.

Flat button-L(left)

Flat button-L(center)

Flat button-L(right)

Responsive design of the table

This is a tag for displaying a table created with table tags in responsive design.
By narrowing the browser window width you can check the display on the smartphone.

CSS What is Cascading Style Sheet?
Responsive design Responsive design (RWD) is one of methods of Web design, and it corresponds to various kinds of equipment and screen size with a single file. Produce a single file that is set to change the content to the optimum state according to the type and size of the devices and send it to all the devices in the same way …

関連記事

ページ上部へ戻る

slot gacor

slot88

slot deposit dana

sbobet

togel online

slot deposit pulsa

joker123

idn poker

rtp slot

data hk

data sgp

data sdy

  • Bonanza138
  • situs bonanza138
  • https://greekwinemakers.com/
  • https://novofundosocial.sorocaba.sp.gov.br/wp-content/themes/bonanza138-link-slot-gacor/
  • slot bonanza138
  • https://bonanza138.id/
  • slot demo pragmatic
  • Bonanza138 login
  • slot bonanza138
  • situs slot pakar69
  • Bonanza138 VIP
  • https://taplink.cc/bonanza138
  • Bonanza138 VIP
  • rtp live
  • slot gacor
  • https://app.semovi.cdmx.gob.mx/glpi/js/bonanza138/
  • https://app.semovi.cdmx.gob.mx/glpi/src/pakar69/
  • bonanza138
  • bonanza138
  • https://pakarmimpi.vip/
  • https://uinmataram.ac.id/wp-includes/css/pakarmimpi/
  • https://app.semovi.cdmx.gob.mx/glpi/lib/slot-server-thailand/
  • pakar mimpi
  • pakar mimpi
  • https://bonanza138.mapknumaja.sch.id/admintoto/
  • situs bokep
  • situs bokep
  • situs bokep
  • situs bokep
  • situs bokep
  • https://hongkongsmiletrip.com/
  • https://bonanza138.mapknumaja.sch.id/obs138/
  • https://bonanza138.mapknumaja.sch.id/senja77/
  • https://bonanza138.mapknumaja.sch.id/super189/
  • https://bonanza138.mapknumaja.sch.id/rindutogel/
  • https://bonanza138.mapknumaja.sch.id/mega33/
  • https://bonanza138.mapknumaja.sch.id/wangslot/
  • https://bonanza138.mapknumaja.sch.id/rajacuan77/
  • https://bonanza138.mapknumaja.sch.id/zet77/
  • https://bonanza138.mapknumaja.sch.id/nagaslot77/
  • https://bonanza138.mapknumaja.sch.id/games138/
  • https://bonanza138.mapknumaja.sch.id/nation889/
  • https://bonanza138.mapknumaja.sch.id/raja168/
  • https://bonanza138.mapknumaja.sch.id/dewavegas99/
  • https://bonanza138.mapknumaja.sch.id/qqbet333/
  • https://bonanza138.mapknumaja.sch.id/bintang123/
  • https://bonanza138.mapknumaja.sch.id/radiumplay/
  • https://bonanza138.mapknumaja.sch.id/platinum77/
  • https://bonanza138.mapknumaja.sch.id/mg303/
  • https://bonanza138.mapknumaja.sch.id/uang777/
  • https://bonanza138.mapknumaja.sch.id/dewa88jp/
  • https://bonanza138.mapknumaja.sch.id/mpo1122/
  • https://bonanza138.mapknumaja.sch.id/glow138/
  • https://bonanza138.mapknumaja.sch.id/rajatoto888/
  • https://bonanza138.mapknumaja.sch.id/yakin4d/
  • https://bonanza138.mapknumaja.sch.id/batara138/
  • https://bonanza138.mapknumaja.sch.id/pastislot/
  • https://bonanza138.mapknumaja.sch.id/wangslot/
  • https://bonanza138.mapknumaja.sch.id/suhuplay/
  • https://bonanza138.mapknumaja.sch.id/juara77/
  • https://bonanza138.mapknumaja.sch.id/nusa88/
  • https://bonanza138.mapknumaja.sch.id/manis88/
  • https://bonanza138.mapknumaja.sch.id/senior88/
  • https://bonanza138.mapknumaja.sch.id/toyota777/
  • https://bonanza138.mapknumaja.sch.id/rtp800/
  • https://bonanza138.mapknumaja.sch.id/mpo77/
  • https://bonanza138.mapknumaja.sch.id/solid88/
  • https://bonanza138.mapknumaja.sch.id/ronin138/
  • https://bonanza138.mapknumaja.sch.id/royalslot888/
  • https://bonanza138.mapknumaja.sch.id/mposlot77/
  • https://bonanza138.mapknumaja.sch.id/master4d/
  • https://bonanza138.mapknumaja.sch.id/duniahoki99/
  • https://bonanza138.mapknumaja.sch.id/duta563/
  • https://bonanza138.mapknumaja.sch.id/prada88/
  • https://bonanza138.mapknumaja.sch.id/asia505/
  • https://bonanza138.mapknumaja.sch.id/terbit4d/
  • https://bonanza138.mapknumaja.sch.id/catur88/
  • https://bonanza138.mapknumaja.sch.id/saranghoki/
  • https://bonanza138.mapknumaja.sch.id/aura4d/
  • https://bonanza138.mapknumaja.sch.id/mustang777/
  • https://bonanza138.mapknumaja.sch.id/yamaha4d/
  • https://bonanza138.mapknumaja.sch.id/viral4d/
  • https://bonanza138.mapknumaja.sch.id/boncel4d/
  • https://bonanza138.mapknumaja.sch.id/tayo4d/
  • https://bonanza138.mapknumaja.sch.id/jagoan777/
  • https://bonanza138.mapknumaja.sch.id/olimpus88/
  • https://bonanza138.mapknumaja.sch.id/sidarma88/
  • https://bonanza138.mapknumaja.sch.id/cinema77/
  • Sultantoto

    Royaltoto

    Mandalatoto

    Olxtoto

    Bet88slot

    Dewatogel

    Bimabet

    Indokasino/

  • PanenGG
  • PanenGG
  • Panen GG
  • PanenGG
  • Slot 69
  • Slot69
  • SBOBET
  • Slot Gacor
  • Togel Online
  • Joker123
  • IDN Poker
  • RTP Slot
  • Data HK
  • Data SGP
  • Sultan69 Online

    Sultan69 asia