HTML & CSS Hacks for WordPress, Your Blog, and Web Site

WordPress Hacks

WordPress Hacks



Embed a YouTube Video On Your Website or Blog

  1. Open the video you want to embed
  2. Under the video, you will see Share click it
  3. Click Embed
  4. Copy all the code you see to the clipboard
  5. Paste it where you want the video to appear on your website of blog
  6. That’s it – you’re all done
  7. Save the data

 


Dropped Capitol Letter

<span style=”float: left; color: firebrick; font-size: 55px; line-height: 45px; padding-top: 2px; padding-right: 3px; font-family: times; text-shadow: grey 4px 4px 10px;”</span>

Onscreen, it looks like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae nisi sed tellus ultrices dapibus. Etiam lobortis, dolor non mattis elementum, quam dolor ultrices nulla, in consectetur urna sem a erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consectetur odio ut ante euismod gravida eget ac nunc.


Keep Your Copyright Date Showing The Current Year

Copyright ©
<script type=”text/javascript”&gt
var d = new Date();
var curr_date = d.getDate();
var curr_year = d.getFullYear();
document.write(curr_year);
/* The last two lines above have
to placed on a single line */
//–></script> by [Enter your name here.]

Onscreen, it looks like this:

Copyright ©
by [Enter your name here.]


Unspammable Email Code

E-mail: <script language=”JavaScript”>

<!–

var name = “info”;
var domain = “WebContentRx.biz”;
document.write(‘&lta href=\”mailto:’ + name + ‘@’ + domain + ‘\?subject=From WebContentRx Web Site”&gt’);
document.write(name + ‘@’ + domain + ‘&lt/a&gt’);
// –&gt
</script>

Onscreen, it looks like this:

E-mail:

 


Clickable Telephone Number:

<a href=”tel:8601234567890″>(123) 456-7890</a>

Onscreen, it looks like this:
(123) 456-7890


Text With Shadow

<h3 style=’color: red ; text-shadow:4px 4px 10px grey’&gtThis is red text with a grey shadow.&lt/h3>

Onscreen, it looks like this:

This is red text with grey shadow.

 



<style=’color:blue;
text-shadow: 4px 4px 10px grey;
background: #FFFFAF;
border-radius: 15px;
padding:15px;
border-style: solid;
border-width:1px;
border-color: navy;
text-align: center;’>
Blue text. Light yellow background. Grey shadow. Rounded corners. Solid navy border 1 pixel wide. Text is centered.&lt/h3>Onscreen, it looks like this:

Blue text. Light yellow background. Rounded corners. Solid navy border 1 pixel wide. Text is centered.


Table with drop down selection

<table align=”left” cellpadding=”5″ width=”50%”>
<tr>
<td align=”center”>
<select class=””>

<option value=”one”&gtOne&lt/option>

<option value=”two”&gtTwo&lt/option>

<option value=”three”&gtThree&lt/option>

<option value=”four”&gtFour&lt/option?

</select>

</td>
</tr>

</table>

Onscreen, it looks like this: