To Get Image Folder URL In WordPress
The bloginfo(‘template_directory’) function will return the current theme path. We just need to append image folder name and Image name to it.
<img src="<?php bloginfo('template_directory'); ?>/images/myImage.jpg" title="" alt="" />
U cab Also Get Home Page url from
<?php echo home_url(); ?>
Cheers...
<a href="JavaScript:void(0);" onclick="alert('Well done!')">Click Me!</a> To avoid page refresh for blank herf=""; /* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
CSS Reset from Yahoo
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; }
from the options on the left side.<block type="page/html_footer" name="footer" as="footer"
template="page/html/footer.phtml"> <block type="page/switch" name="store_switcher"
as="store_switcher" template="page/switch/stores.phtml"/> <block type="page/template_links" name="footer_links"
as="footer_links" template="page/template/links.phtml"/> </block>app/design/frontend/*/*/layout/cms.xml
<reference name="footer"> <block type="cms/block" name="cms_footer_links" before="footer_links"> <!-- The content of this block is taken from the database by its block_id. You can manage it in admin CMS -> Static Blocks --> <action method="setBlockId"><block_id>footer_links</block_id></action> </block> </reference>You can see that the footer area of each page (page.xml) adds footer links via:
<!--contacts.xml--> <reference name="footer_links"> <action method="addLink" translate="label title" module="contacts"
ifconfig="contacts/contacts/enabled"><label>Contact Us</label>
<url>contacts</url><title>Contact Us</title><prepare>true</prepare></action> </reference> <!--rss.xml--> <reference name="footer_links"> <action method="addLink" translate="label title" module="rss"
ifconfig="rss/config/active"><label>RSS</label><url>rss</url>
<title>RSS testing</title><prepare>true</prepare><urlParams/>
<position/><li/><a>class="link-feed"</a></action> </reference> <!--catalogsearch.xml--> <reference name="footer_links"> <action method="addLink" translate="label title"
module="catalogsearch" ifconfig="catalog/seo/search_terms">
<label>Search Terms
</label><url helper="catalogsearch/getSearchTermUrl" />
<title>Search Terms</title></action> <action method="addLink" translate="label title"
module="catalogsearch"><label>Advanced Search</label>
<url helper="catalogsearch/getAdvancedSearchUrl" /><
title>Advanced Search</title></action> </reference> <!--catalog.xml--> <reference name="footer_links"> <action method="addLink" translate="label title" module="catalog"
ifconfig="catalog/seo/site_map"><label>Site Map</label>
<url helper="catalog/map/getCategoryUrl" /><title>Site Map</title></action> </reference>
Now, as for the other links (About Us and Customer Service) they are
merely created in the Admin section as mentioned. Admin > CMS >
Static Blocks.
They are referenced in cms.xml as shown above. You can use this method to
show static blocks creating in the CMS area of the admin section anywhere (the
much-repeated emphasis on being able to use PHP code to do the job of
the XML (or visa versa) is handy to add a static block somewhere in your
code instead of using xml).
For More Details
ref -
<reference name="head"> <action method="addItem"> <type>skin_js</type><script>yourfile.js</script> </action> </reference>
document.getElementById("mContainer").innerHTML = "<div id=\"myDiv\"></div>";
// create a DIV element, using the variable eDIV as a reference to it
eDIV = document.createElement("div");
//use the setAttribute method to assign it an id
eDIV.setAttribute("id","myDiv");
// append your newly created DIV element to an already existing element.
document.getElementById("mContainer").appendChild(eDIV);
document.getElementById("mContainer").innerHTML = "<div id=\"myDiv\">hello world</div>";
// create a DIV element, using the variable eDIV as a reference to it
eDIV = document.createElement("div");
//use the setAttribute method to assign it an id
eDIV.setAttribute("id","myDiv");
// add the text "hello world" to the div with createTextNode
eDIV.appendChild(document.createTextNode("hello world"));
// append your newly created DIV element to an already existing element.
document.getElementById("mContainer").appendChild(eDIV);
document.getElementById("mContainer").innerHTML = "<div id=\"myDiv\"><a href=\"http://slayeroffice.com\">hello world</a></div>";
// create a DIV element, using the variable eDIV as a reference to it
eDIV = document.createElement("div");
//use the setAttribute method to assign it an id
eDIV.setAttribute("id","myDiv");
// create your anchor element
eAnchor = document.createElement("a");
// set its href attribute with the setAttribute method
eAnchor.setAttribute("href","http://slayeroffice.com");
// add the text "hello world" to the anchor element
eAnchor.appendChild(document.createTextNode("hello world"));
// append your newly created anchor element to the div
eDIV.appendChild(eAnchor);
// append your newly created DIV element to an already existing element.
document.getElementById("mContainer").appendChild(eDIV);
document.getElementById("mContainer").innerHTML = "<div id=\"myDiv\"><a href=\"http://slayeroffice.com\" onmouseover="doStuff();">hello world</a></div>";
// create a DIV element, using the variable eDIV as a reference to it
eDIV = document.createElement("div");
//use the setAttribute method to assign it an id
eDIV.setAttribute("id","myDiv");
// create your anchor element
eAnchor = document.createElement("a");
// set its href attribute with the setAttribute method
eAnchor.setAttribute("href","http://slayeroffice.com");
// add our event handler to the anchors mouseover event
eAnchor.onmouseover = doStuff;
// add the text "hello world" to the anchor element
eAnchor.appendChild(document.createTextNode("hello world"));
// append your newly created anchor element to the div
eDIV.appendChild(eAnchor);
// append your newly created DIV element to an already existing element.
document.getElementById("mContainer").appendChild(eDIV);
document.getElementById("mContainer").innerHTML = "<div id=\"myDiv\"><a href=\"http://slayeroffice.com\" onmouseover=\"doStuff('foo');\">hello world</a></div>";
// create a DIV element, using the variable eDIV as a reference to it
eDIV = document.createElement("div");
//use the setAttribute method to assign it an id
eDIV.setAttribute("id","myDiv");
// create your anchor element
eAnchor = document.createElement("a");
// set its href attribute with the setAttribute method
eAnchor.setAttribute("href","http://slayeroffice.com");
// add our event handler to the anchors mouseover event
eAnchor.onmouseover = function() { doStuff("foo") };
// add the text "hello world" to the anchor element
eAnchor.appendChild(document.createTextNode("hello world"));
// append your newly created anchor element to the div
eDIV.appendChild(eAnchor);
// append your newly created DIV element to an already existing element.
document.getElementById("mContainer").appendChild(eDIV);
| font-family | Example text |
|---|---|
| Georgia, serif | This is a heading
This is a paragraph
|
| "Palatino Linotype", "Book Antiqua", Palatino, serif | This is a heading
This is a paragraph
|
| "Times New Roman", Times, serif | This is a heading
This is a paragraph
|
| font-family | Example text |
|---|---|
| Arial, Helvetica, sans-serif | This is a heading
This is a paragraph
|
| Arial Black, Gadget, sans-serif | This is a heading
This is a paragraph
|
| "Comic Sans MS", cursive, sans-serif | This is a heading
This is a paragraph
|
| Impact, Charcoal, sans-serif | This is a heading
This is a paragraph
|
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | This is a heading
This is a paragraph
|
| Tahoma, Geneva, sans-serif | This is a heading
This is a paragraph
|
| "Trebuchet MS", Helvetica, sans-serif | This is a heading
This is a paragraph
|
| Verdana, Geneva, sans-serif | This is a heading
This is a paragraph
|
<ContentPresenter TextBlock.FontFamily="Tahoma"
TextBlock.FontWeight="Bold" TextBlock.Foreground="Red"
VerticalAlignment="Center"
RecognizesAccessKey="True" />
TextBlock.FontFamily" TargetName="TabHeadetText" Value="Tahoma"/>// Animate the Button's Width. DoubleAnimation myDoubleAnimation = new DoubleAnimation(); myDoubleAnimation.From = 75; myDoubleAnimation.To = 300; myDoubleAnimation.Duration = new Duration(TimeSpan.FromSeconds(5)); myDoubleAnimation.AutoReverse = true; myDoubleAnimation.RepeatBehavior = RepeatBehavior.Forever; // Apply the animation to the button's Width property. aButton.BeginAnimation(Button.WidthProperty, myDoubleAnimation);