<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DesignMe.ws</title>
	<atom:link href="http://designme.ws/feed/" rel="self" type="application/rss+xml" />
	<link>http://designme.ws</link>
	<description>Webdesign, Web Development, Mobile Websites, Website migration</description>
	<lastBuildDate>Fri, 06 Apr 2012 05:32:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Monthly Website Maintenance and Customizations</title>
		<link>http://designme.ws/monthly-website-maintenance-and-customizations/</link>
		<comments>http://designme.ws/monthly-website-maintenance-and-customizations/#comments</comments>
		<pubDate>Fri, 06 Apr 2012 05:32:00 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=274</guid>
		<description><![CDATA[Features: Monthly website maintenance. Back end customization and support. Technology: LAMP, PHP. URL: http://www.propta.com propta.png (131 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Monthly website maintenance. Back end customization and support.<br />
<strong>Technology:</strong> LAMP, PHP.<br />
<strong>URL:</strong> http://www.propta.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/274/propta.png" rel="lightbox[274]">propta.png (131 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_274" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_274" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/274/propta.png"  rel="lightbox[274]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/274/propta-100x63.png" alt="" title="propta.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_274" class="loader"></div>
					<div id="slideshow_274" class="slideshow"></div>
					<div id="caption_274" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_274 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_274').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_274',
					controlsContainerSel:      '#controls_274',
					captionContainerSel:       '#caption_274',  
					loadingContainerSel:       '#loading_274',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/monthly-website-maintenance-and-customizations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customized WordPress Theme for Sports Camp</title>
		<link>http://designme.ws/customized-wordpress-theme-for-sports-camp/</link>
		<comments>http://designme.ws/customized-wordpress-theme-for-sports-camp/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 22:54:23 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=262</guid>
		<description><![CDATA[Features: Customized WordPress template for Sports Camp site. Technology: LAMP, PHP, WordPress, JQuery, JavaScript, HTML, CSS URL: http://www.supremesportscamp.com SSC.png (165 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Customized WordPress template for Sports Camp site.</p>
<p><strong>Technology:</strong> LAMP, PHP, WordPress, JQuery, JavaScript, HTML, CSS</p>
<p><strong>URL:</strong> http://www.supremesportscamp.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/262/SSC.png" rel="lightbox[262]">SSC.png (165 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_262" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_262" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/262/SSC.png"  rel="lightbox[262]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/262/SSC-100x72.png" alt="" title="SSC.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_262" class="loader"></div>
					<div id="slideshow_262" class="slideshow"></div>
					<div id="caption_262" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_262 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_262').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_262',
					controlsContainerSel:      '#controls_262',
					captionContainerSel:       '#caption_262',  
					loadingContainerSel:       '#loading_262',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/customized-wordpress-theme-for-sports-camp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom LAMP Template</title>
		<link>http://designme.ws/custom-lamp-template/</link>
		<comments>http://designme.ws/custom-lamp-template/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 22:51:55 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=256</guid>
		<description><![CDATA[Features: Customized template theme with JQuery slider. Technology:LAMP, PHP, JQuery, JavaScript, HTML, CSS URL: http://www.SNHMedical.com SNHMedical.png (75 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Customized template theme with JQuery slider.</p>
<p><strong>Technology:</strong>LAMP, PHP, JQuery, JavaScript, HTML, CSS</p>
<p><strong>URL:</strong> http://www.SNHMedical.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/256/SNHMedical.png" rel="lightbox[256]">SNHMedical.png (75 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_256" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_256" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/256/SNHMedical.png"  rel="lightbox[256]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/256/SNHMedical-100x59.png" alt="" title="SNHMedical.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_256" class="loader"></div>
					<div id="slideshow_256" class="slideshow"></div>
					<div id="caption_256" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_256 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_256').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_256',
					controlsContainerSel:      '#controls_256',
					captionContainerSel:       '#caption_256',  
					loadingContainerSel:       '#loading_256',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/custom-lamp-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Migration of Joomla website and Virtuemart e-commerce fix</title>
		<link>http://designme.ws/migration-of-joomla-website-and-virtuemart-e-commerce-fix/</link>
		<comments>http://designme.ws/migration-of-joomla-website-and-virtuemart-e-commerce-fix/#comments</comments>
		<pubDate>Sat, 03 Mar 2012 21:50:44 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=250</guid>
		<description><![CDATA[Features: Migration of Joomla website to our dedicate hosting servers. Fix VirtueMart bugs so that e-commerce is seamless. Technology:LAMP, PHP, Joomla, Virtuemart, JavaScript URL: http://www.GutterChyld.com gutter.png (141 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Migration of Joomla website to our dedicate hosting servers. Fix VirtueMart bugs so that e-commerce is seamless.</p>
<p><strong>Technology:</strong>LAMP, PHP, Joomla, Virtuemart, JavaScript</p>
<p><strong>URL: </strong>http://www.GutterChyld.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/250/gutter.png" rel="lightbox[250]">gutter.png (141 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_250" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_250" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/250/gutter.png"  rel="lightbox[250]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/250/gutter-100x62.png" alt="" title="gutter.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_250" class="loader"></div>
					<div id="slideshow_250" class="slideshow"></div>
					<div id="caption_250" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_250 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_250').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_250',
					controlsContainerSel:      '#controls_250',
					captionContainerSel:       '#caption_250',  
					loadingContainerSel:       '#loading_250',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/migration-of-joomla-website-and-virtuemart-e-commerce-fix/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Joomla website migration and template customization</title>
		<link>http://designme.ws/joomla-website-migration-and-template-customization/</link>
		<comments>http://designme.ws/joomla-website-migration-and-template-customization/#comments</comments>
		<pubDate>Sat, 03 Mar 2012 21:47:49 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=244</guid>
		<description><![CDATA[Features: Migrate and integrate custom Joomla design template for the TrollingMotorDoctor website. Customize Virtuemart for extensive shipping options with e-commerce. Technology:LAMP, PHP, Joomla, Virtuemart, JavaScript URL: http://www.trollingmotordoctor.com trolling.png (81 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Migrate and integrate custom Joomla design template for the TrollingMotorDoctor website. Customize  Virtuemart for extensive shipping options with e-commerce.</p>
<p><strong>Technology:</strong>LAMP, PHP, Joomla, Virtuemart, JavaScript</p>
<p><strong>URL: </strong>http://www.trollingmotordoctor.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/244/trolling.png" rel="lightbox[244]">trolling.png (81 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_244" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_244" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/244/trolling.png"  rel="lightbox[244]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/244/trolling-100x63.png" alt="" title="trolling.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_244" class="loader"></div>
					<div id="slideshow_244" class="slideshow"></div>
					<div id="caption_244" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_244 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_244').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_244',
					controlsContainerSel:      '#controls_244',
					captionContainerSel:       '#caption_244',  
					loadingContainerSel:       '#loading_244',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/joomla-website-migration-and-template-customization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom Joomla Template and Virtuemart</title>
		<link>http://designme.ws/custom-joomla-template-and-virtuemart/</link>
		<comments>http://designme.ws/custom-joomla-template-and-virtuemart/#comments</comments>
		<pubDate>Sat, 03 Mar 2012 21:43:46 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=237</guid>
		<description><![CDATA[Features: Install and integrate custom Joomla design template for the Mulligan family of websites. Customize article styles for pages. Installation of Virtuemart for e-commerce. Technology:LAMP, PHP, Joomla, Virtuemart, JavaScript URL: http://www.mulligantorrance.com mulligan.png (253 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Install and integrate custom Joomla design template for the Mulligan family of websites. Customize article styles for pages. Installation of Virtuemart for e-commerce.</p>
<p><strong>Technology:</strong>LAMP, PHP, Joomla, Virtuemart, JavaScript</p>
<p><strong>URL: </strong>http://www.mulligantorrance.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/237/mulligan.png" rel="lightbox[237]">mulligan.png (253 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_237" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_237" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/237/mulligan.png"  rel="lightbox[237]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/237/mulligan-100x74.png" alt="" title="mulligan.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_237" class="loader"></div>
					<div id="slideshow_237" class="slideshow"></div>
					<div id="caption_237" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_237 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_237').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_237',
					controlsContainerSel:      '#controls_237',
					captionContainerSel:       '#caption_237',  
					loadingContainerSel:       '#loading_237',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/custom-joomla-template-and-virtuemart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convert website to WordPress with New Design and Logo</title>
		<link>http://designme.ws/convert-website-to-wordpress-with-new-design-and-logo/</link>
		<comments>http://designme.ws/convert-website-to-wordpress-with-new-design-and-logo/#comments</comments>
		<pubDate>Thu, 01 Mar 2012 01:11:57 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=231</guid>
		<description><![CDATA[Features: Convert old website into the WordPress platform. Customize WordPress template and sidebars. New logo design. Technology:LAMP, PHP, WordPress, JavaScript URL: http://www.shieffservices.com cgc.jpg (40 KB)]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Convert old website into the WordPress platform. </p>
<p>Customize WordPress template and sidebars. New logo design.</p>
<p><strong>Technology:</strong>LAMP, PHP, WordPress, JavaScript</p>
<p><strong>URL: </strong>http://www.shieffservices.com
<p><a href="http://designme.ws/wp-content/uploads/tdomf/231/cgc.jpg" rel="lightbox[231]">cgc.jpg (40 KB)</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_231" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_231" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/231/cgc.jpg"  rel="lightbox[231]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/231/cgc-100x72.jpg" alt="" title="cgc.jpg" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_231" class="loader"></div>
					<div id="slideshow_231" class="slideshow"></div>
					<div id="caption_231" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_231 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_231').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_231',
					controlsContainerSel:      '#controls_231',
					captionContainerSel:       '#caption_231',  
					loadingContainerSel:       '#loading_231',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/convert-website-to-wordpress-with-new-design-and-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convert website to WordPress</title>
		<link>http://designme.ws/convert-website-to-wordpress/</link>
		<comments>http://designme.ws/convert-website-to-wordpress/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 19:20:18 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=191</guid>
		<description><![CDATA[Features: Convert old website into the WordPress platform. Customize WordPress template and sidebars. Integrate WordPress blog with pagination. Technology: LAMP, PHP, WordPress, JavaScript URL: http://www.wonderfulsigns.com]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Convert old website into the WordPress platform. Customize WordPress template and sidebars. Integrate WordPress blog with pagination.</p>
<p><strong>Technology:</strong>  LAMP, PHP, WordPress, JavaScript</p>
<p><strong>URL:</strong>  http://www.wonderfulsigns.com
	
		<div class="gallery_clear"></div> 
		<div id="gallery_191" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_191" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/191/wonderfulsigns1.png"  rel="lightbox[191]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/191/wonderfulsigns1-100x67.png" alt="" title="wonderfulsigns1.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/191/wonderfulsigns2.png"  rel="lightbox[191]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/191/wonderfulsigns2-100x74.png" alt="" title="wonderfulsigns2.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_191" class="loader"></div>
					<div id="slideshow_191" class="slideshow"></div>
					<div id="caption_191" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_191 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_191').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_191',
					controlsContainerSel:      '#controls_191',
					captionContainerSel:       '#caption_191',  
					loadingContainerSel:       '#loading_191',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/convert-website-to-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PaddyWilkins.com &#8211; SmartPhone Friendly</title>
		<link>http://designme.ws/paddywilkins-com-smartphone-friendly/</link>
		<comments>http://designme.ws/paddywilkins-com-smartphone-friendly/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 19:00:44 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=186</guid>
		<description><![CDATA[Features: Convert Flash video gallery to work on SmartPhone devices. Technology: LAMP. PHP, XML Parsing, JavaScript Development URL : designme.ws/paddy]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> Convert Flash video gallery to work on SmartPhone devices.</p>
<p><strong>Technology:</strong>  LAMP. PHP, XML Parsing, JavaScript
</p>
<p><strong>Development URL :</strong> designme.ws/paddy
	
		<div class="gallery_clear"></div> 
		<div id="gallery_186" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_186" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/186/paddywilkins-400x269.gif"  rel="lightbox[186]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/186/paddywilkins-100x67.gif" alt="" title="paddywilkins.gif" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_186" class="loader"></div>
					<div id="slideshow_186" class="slideshow"></div>
					<div id="caption_186" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_186 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_186').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_186',
					controlsContainerSel:      '#controls_186',
					captionContainerSel:       '#caption_186',  
					loadingContainerSel:       '#loading_186',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/paddywilkins-com-smartphone-friendly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo Designs</title>
		<link>http://designme.ws/logo-designs-2/</link>
		<comments>http://designme.ws/logo-designs-2/#comments</comments>
		<pubDate>Sun, 23 Oct 2011 03:52:59 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=175</guid>
		<description><![CDATA[DesignMe has created a variety of logo’s for several online businesses.]]></description>
			<content:encoded><![CDATA[<p>DesignMe has created a variety of logo’s for several online businesses. 
	
		<div class="gallery_clear"></div> 
		<div id="gallery_175" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_175" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/1.png"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/1-100x43.png" alt="" title="1.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/Layer-7.png"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/Layer-7-100x74.png" alt="" title="Layer-7.png" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/mwr-logo1-400x189.jpg"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/mwr-logo1-100x47.jpg" alt="" title="mwr-logo1.jpg" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/logo2.gif"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/logo2-100x60.gif" alt="" title="logo2.gif" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/24trendfinal-400x400.jpg"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/24trendfinal-100x100.jpg" alt="" title="24trendfinal.jpg" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/tdomf/175/clogo2.jpg"  rel="lightbox[175]">								
											<img src="http://designme.ws/wp-content/uploads/tdomf/175/clogo2-100x25.jpg" alt="" title="clogo2.jpg" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_175" class="loader"></div>
					<div id="slideshow_175" class="slideshow"></div>
					<div id="caption_175" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_175 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_175').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_175',
					controlsContainerSel:      '#controls_175',
					captionContainerSel:       '#caption_175',  
					loadingContainerSel:       '#loading_175',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://designme.ws/logo-designs-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
