API tools faq
paste
Advertisement
cyrusolu

My side bar

cyrusolu
Aug 13th, 2012
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 KB | None | 0 0
raw download clone embed print report
  1. This is my html code that worked.
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. <title></title>
  7. <style ="text/css">
  8. .side{
  9.  
  10. width:300px;
  11. height:128px;
  12.  
  13. }
  14.  
  15. .sider1{
  16. width:300px;
  17. height:48px;
  18. background: url(file:///C|/Users/Cyrusolu/Desktop/s-tp1.png);
  19. font-size: 16px;
  20. font-family: Calibri;
  21. font-weight: bold;
  22. text-align: center;
  23. }
  24.  
  25.  
  26. .sider2{
  27. margin-left: 10px;
  28. margin-right: 1043px;
  29. padding-left: 0px;
  30. background-image:url(file:///C|/Users/Cyrusolu/Desktop/tewt.png);
  31. background-image:url(tewt.png)
  32. background-repeat:repeat-y;
  33. background-position:center;
  34. font-size: 16px;
  35. font-family: Calibri;
  36. font-weight: bold;
  37. text-align: center;
  38. }
  39.  
  40.  
  41.  
  42. .sider3{
  43. width:300px;
  44. height:26px;
  45. background: url(file:///C|/Users/Cyrusolu/Desktop/s-tp3.png);
  46.  
  47.  
  48. }
  49.  
  50.  
  51.  
  52. </style>
  53.  
  54. </head>
  55. <body>
  56.  
  57.  
  58. <div id="sider">
  59. <div class="sider1">
  60. Upcoming Events
  61. </div>
  62. <div class="sider2">
  63. <marquee
  64. direction="up" width="100%"
  65. align="middle" loop="-1" scrollamount="2"
  66.  
  67. loop="40" width="100%">Sunday Service:
  68.  
  69. 9.30am
  70. Potter's Touch: Time varies with halls of
  71.  
  72. residence,Sunday House Fellowship
  73.  
  74. (Community Students) : 6.00-7.00
  75.  
  76. p.m,Worker's Meeting: 8.00-8.30am,Sunday
  77.  
  78. School: 9.00-9.30am,Venue: 49, Awolowo
  79.  
  80. Avenue, Former Town Planning Road,
  81. Ilishan-Remo,Ogun State.</marquee>
  82.  
  83.  
  84. </div>
  85.  
  86.  
  87. <div class="sider3">
  88. </div>
  89. </div>
  90. &nbsp;
  91. &nbsp;
  92.  
  93.  
  94. <div id="sider">
  95. <div class="sider1">
  96. Video Highlight
  97. </div>
  98. <div class="sider2">
  99.  
  100. <embed
  101.  
  102. src="http://www.youtube.com/v/KhMIPZXj6Ds
  103.  
  104. " type="application/x-shockwave-flash"
  105.  
  106. wmode="transparent" width="280"
  107.  
  108. height="200" >
  109. </div>
  110.  
  111.  
  112. <div class="sider3">
  113. </div>
  114. </div>
  115.  
  116. &nbsp;
  117. &nbsp;
  118.  
  119.  
  120. <div id="sider">
  121. <div class="sider1">
  122. Our Gallery
  123. </div>
  124. <div class="sider2">
  125. <div class="ngg-widget entry-content">
  126. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8297.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8297.jpg" width="30" height="30" title="dsc_8297" alt="dsc_8297"></a>
  127. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8301.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8301.jpg" width="30" height="30" title="dsc_8301" alt="dsc_8301"></a>
  128. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8302.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8302.jpg" width="30" height="30" title="dsc_8302" alt="dsc_8302"></a>
  129. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/time-out-with-the-graduating-class/dsc_1801.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/time-out-with-the-graduating-class/thumbs/thumbs_dsc_1801.jpg" width="30" height="30" title="dsc_1801" alt="dsc_1801"></a>
  130. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8279.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8279.jpg" width="30" height="30" title="dsc_8279" alt="dsc_8279"></a>
  131. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/p3-gallery/photo1.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/p3-gallery/thumbs/thumbs_photo1.jpg" width="30" height="30" title="photo1" alt="photo1"></a>
  132. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/alumni/ileris-wedding.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/alumni/thumbs/thumbs_ileris-wedding.jpg" width="30" height="30" title="ileris-wedding" alt="ileris-wedding"></a>
  133. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/sent-forth/send-forth-019.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/sent-forth/thumbs/thumbs_send-forth-019.jpg" width="30" height="30" title="send-forth-019" alt="send-forth-019"></a>
  134. </div>
  135.  
  136. </div>
  137.  
  138.  
  139. <div class="sider3">
  140. </div>
  141. </div>
  142.  
  143. </body>
  144. </html>
  145.  
  146.  
  147.  
  148. This is my siderbar.php code
  149.  
  150. <!-- Begin #colRight -->
  151. <div id="colRight">
  152. <?php
  153. if(get_option('boldy_blog')!='' && is_category(get_option('boldy_blog')) || post_is_in_descendant_category( get_option('boldy_blog'))){
  154. $current = get_the_category();
  155. if(sizeof($current)>0){
  156. $current_id= $current[0] ->cat_ID;
  157. $categs_list = get_category_parents($current_id);
  158. $pieces = explode("/", $categs_list);
  159. $category_name = strtolower($pieces[0]);
  160. $categs = get_cat_id($category_name);
  161. ?>
  162. <div class="rightBox">
  163. <div id="sider">
  164. <div class="sider1"></div>
  165. <div class="sider2"><marquee scrollamount="2" direction="up" loop="true" width="35%"> <center> <font color="#ffffff"><strong> THIS IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br> IT IS EASY AND FAST LOADING </strong></font></center></marquee>
  166. </div>
  167. </div>
  168. <div class="rightBox">
  169. <h2><?php echo get_cat_name(get_option('boldy_blog'));?> Categories </h2>
  170. <ul >
  171. <?php
  172. $categories = get_categories('hide_empty=1&child_of='.$categs);
  173. foreach ($categories as $cat) {
  174. echo ('<li><a href="');
  175. echo (get_category_link($cat->cat_ID).'">'.$cat->cat_name.'</a></li>');
  176. }?>
  177. </ul>
  178. </div>
  179. <?php }}?>
  180. <div id="sider">
  181. <div class="sider1">
  182. Upcoming Events
  183. </div>
  184. <div class="sider2">
  185. <marquee
  186. direction="up" width="100%"
  187. align="middle" loop="-1" scrollamount="2"
  188.  
  189. loop="40" width="100%">Sunday Service:
  190.  
  191. 9.30am
  192. Potter's Touch: Time varies with halls of
  193.  
  194. residence,Sunday House Fellowship
  195.  
  196. (Community Students) : 6.00-7.00
  197.  
  198. p.m,Worker's Meeting: 8.00-8.30am,Sunday
  199.  
  200. School: 9.00-9.30am,Venue: 49, Awolowo
  201.  
  202. Avenue, Former Town Planning Road,
  203. Ilishan-Remo,Ogun State.</marquee>
  204.  
  205.  
  206. </div>
  207.  
  208.  
  209. <div class="sider3">
  210. </div>
  211. </div>
  212. &nbsp;
  213. &nbsp;
  214.  
  215.  
  216. <div id="sider">
  217. <div class="sider1">
  218. Video Highlight
  219. </div>
  220. <div class="sider2">
  221.  
  222. <embed
  223.  
  224. src="http://www.youtube.com/v/KhMIPZXj6Ds
  225.  
  226. " type="application/x-shockwave-flash"
  227.  
  228. wmode="transparent" width="280"
  229.  
  230. height="200" >
  231. </div>
  232.  
  233.  
  234. <div class="sider3">
  235. </div>
  236. </div>
  237.  
  238. &nbsp;
  239. &nbsp;
  240.  
  241.  
  242. <div id="sider">
  243. <div class="sider1">
  244. Our Gallery
  245. </div>
  246. <div class="sider2">
  247. <div class="ngg-widget entry-content">
  248. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8297.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8297.jpg" width="30" height="30" title="dsc_8297" alt="dsc_8297"></a>
  249. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8301.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8301.jpg" width="30" height="30" title="dsc_8301" alt="dsc_8301"></a>
  250. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8302.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8302.jpg" width="30" height="30" title="dsc_8302" alt="dsc_8302"></a>
  251. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/time-out-with-the-graduating-class/dsc_1801.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/time-out-with-the-graduating-class/thumbs/thumbs_dsc_1801.jpg" width="30" height="30" title="dsc_1801" alt="dsc_1801"></a>
  252. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/dsc_8279.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/musical-concert/thumbs/thumbs_dsc_8279.jpg" width="30" height="30" title="dsc_8279" alt="dsc_8279"></a>
  253. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/p3-gallery/photo1.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/p3-gallery/thumbs/thumbs_photo1.jpg" width="30" height="30" title="photo1" alt="photo1"></a>
  254. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/alumni/ileris-wedding.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/alumni/thumbs/thumbs_ileris-wedding.jpg" width="30" height="30" title="ileris-wedding" alt="ileris-wedding"></a>
  255. <a href="http://p3church.s271.isslserv.net/wp-content/gallery/sent-forth/send-forth-019.jpg" title="" class="shutterset_ngg-images-4"><img src="http://p3church.s271.isslserv.net/wp-content/gallery/sent-forth/thumbs/thumbs_send-forth-019.jpg" width="30" height="30" title="send-forth-019" alt="send-forth-019"></a>
  256. </div>
  257.  
  258. </div>
  259.  
  260.  
  261. <div class="sider3">
  262. </div>
  263. </div>
  264.  
  265.  
  266.  
  267. <?php /* Widgetized sidebar */
  268. if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?><?php endif; ?>
  269.  
  270.  
  271. </div>
  272. <!-- End #colRight -->
  273.  
  274.  
  275. The css for the images background
  276.  
  277. <style ="text/css">
  278. .side{
  279.  
  280. width:300px;
  281. height:128px;
  282.  
  283. }
  284.  
  285. .sider1{
  286. width:300px;
  287. height:48px;
  288. background: url(http://p3church.s271.isslserv.net/wp-content/uploads/2012/08/s-tp1.png);
  289. font-size: 16px;
  290. font-family: Calibri;
  291. font-weight: bold;
  292. text-align: center;
  293. }
  294.  
  295.  
  296. .sider2{
  297. margin-left: 10px;
  298. margin-right: 1043px;
  299. padding-left: 0px;
  300. background-image:url(http://p3church.s271.isslserv.net/wp-content/uploads/2012/08/tewt.png);
  301. background-repeat:repeat-y;
  302. background-position:center;
  303. font-size: 16px;
  304. font-family: Calibri;
  305. font-weight: bold;
  306. text-align: center;
  307. }
  308.  
  309.  
  310.  
  311. .sider3{
  312. width:300px;
  313. height:26px;
  314. background: url(http://p3church.s271.isslserv.net/wp-content/uploads/2012/08/s-tp3.png);
  315.  
  316.  
  317. }
  318.  
  319.  
  320.  
  321. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!