Homepage » รู้ไว้ใช่ว่า »

By - - 77 views

  • CSS
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    img {
      max-width: 100%;
    }
     
    // Simple Lightbox
     
    .lightbox-opened {
      background-color: #333;
      background-color: rgba(#333, 0.9);
      cursor: pointer;
      height: 100%;
      left: 0;
      overflow-y: scroll;
      padding: 24px;
      position: fixed;
      text-align: center;
      top: 0;
      width: 100%;
      
      &:before {
        background-color: #333;
        background-color: rgba(#333, 0.9);
        color: #eee;
        content: "x";
        font-family: sans-serif;
        padding: 6px 12px;
        position: fixed;
        text-transform: uppercase;
      }
      
      img {
        box-shadow: 0 0 6px 3px #333;
      }
    }
     
    // No Background Scroll
     
    .no-scroll {
      overflow: hidden;
    }

  • Tab 2 content goes here.
  • Tab 3 content goes here.
  • Tab 4 content goes here.
[tabby title=”First Tab”]

Tabby ipsum dolor sit amet, kitty sunbathe dolor, feed me.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
img {
  max-width: 100%;
}
 
// Simple Lightbox
 
.lightbox-opened {
  background-color: #333;
  background-color: rgba(#333, 0.9);
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  
  &:before {
    background-color: #333;
    background-color: rgba(#333, 0.9);
    color: #eee;
    content: "x";
    font-family: sans-serif;
    padding: 6px 12px;
    position: fixed;
    text-transform: uppercase;
  }
  
  img {
    box-shadow: 0 0 6px 3px #333;
  }
}
 
// No Background Scroll
 
.no-scroll {
  overflow: hidden;
}

[tabby title=”Second Tab”]

Lay down in your way catnip stuck in a tree, sunbathe kittens.

[tabby title=”Third Tab”]

sleep in the sink climb the curtains attack, give me fish.

[tabbyending]

Post Tags : 

admin
admin

DOCS BY PRAWPUN.COM เป็นพื้นที่สำหรับช่วยบันทึกวิธีการแก้ปัญหาต่างๆที่เกิดขึ้นระหว่างการทำงาน ซึ่งบทความที่ได้มานี้ อาจมาจากปัญหาที่คนอื่นเคยเจอมาแล้วแล้วนำมาบอกต่อ หรือเขียนขึ้นมาเอง หวังว่าจะเป็นประโยชน์กับทุกคนที่เข้ามานะคะ :)

Related Posts

Pretty Posts

Comments are closed.