How To Use Spoiler Text

Wednesday, 9 August 2017 10:45 am
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the passage, and then adjust it to your liking.

For example:
 
<del>Hello World!</del> 
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Image Have A Shadow

Wednesday, 5 July 2017 04:41 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {
-webkit-filter: drop-shadow(8px 8px 10px red);
filter: drop-shadow(8px 8px 10px red);
}
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Image No Longer Blurry When Hover

Wednesday, 5 July 2017 03:56 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {
-webkit-filter: blur(5px);
filter: blur(5px);
}

img:hover {
-webkit-filter: blur(0px);
filter: blur(0px);
}
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Image Circular

Tuesday, 4 July 2017 09:48 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

img {
border-radius: 50%;
}
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Image Spin

Sunday, 2 July 2017 01:14 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into your Story Stylesheets, and adjust it to your liking.

For example:

img {
-webkit-transition: -webkit-transform .9s ease-in-out;
transition: transform .9s ease-in-out;
}
 
img:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Image Flip

Saturday, 1 July 2017 03:11 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {
}

img:hover {
transform: rotate(90deg/180deg/360deg);
-webkit-transform: rotate(90deg/180deg/360deg);
-moz-transform: rotate(90deg/180deg/360deg);
-ms-transform: rotate(90deg/180deg/360deg);
-o-transform: rotate(90deg/180deg/360deg);
}
Tags:
  • Add Memory
  • Share This Entry

How To Make Your Font Gradually Change Colour

Saturday, 1 July 2017 11:22 am
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking. 

For example:

body, tw-story {
color: #000000;
transition: 3.0s;
-o-transition-transition: 3.0s;
-webkit-transition-duration: 3.0s;
-moz-transition-duration: 3.0s;
}

body:hover, tw-story:hover {
color: #efefef;
transition: 3.0s;
-o-transition-transition: 3.0s;
-webkit-transition-duration: 3.0s;
-moz-transition-duration: 3.0s;
}
Tags:
  • Add Memory
  • Share This Entry

How To Edit P

Saturday, 1 July 2017 10:32 am
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

p {
border-color: #000000;
border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;
border-width: thin/medium/thick;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none; 
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-indent: 25px;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

p:hover {
border-color: #000000;
border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;
border-width: thin/medium/thick;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none; 
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-indent: 25px;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

Or

p {
border: 1px solid #000000;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-indent: 25px;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

p:hover {
border: 1px solid #000000;
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-indent: 25px;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}
Tags:
  • Add Memory
  • Share This Entry

How To Edit HR

Friday, 30 June 2017 11:28 am
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

hr {
border-color: #000000;
border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;
border-width: thin/medium/thick;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none;
display: block;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
}

hr:hover {
border-color: #000000;
border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;
border-width: thin/medium/thick;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none; 
display: block;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
}

Or

hr {
border: 1px solid #000000;
margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
}

hr:hover {
border: 1px solid #000000;
margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
}
Tags:
  • Add Memory
  • Share This Entry

How To Edit I, Em, B, Strong

Saturday, 1 July 2017 10:14 am
giangtranguyen: (Default)
[personal profile] giangtranguyen
Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

b, em, i, strong {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

b:hover, em:hover, i:hover, strong:hover {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;:
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}
Tags:
  • Add Memory
  • Share This Entry
Page generated Saturday, 9 August 2025 05:29 pm
Powered by Dreamwidth Studios