<?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>Tue, 21 May 2013 23:20:42 +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>National Constitution Center Museum Poll Booth Application</title>
		<link>http://designme.ws/ncc-electnext-poll-booth-application/</link>
		<comments>http://designme.ws/ncc-electnext-poll-booth-application/#comments</comments>
		<pubDate>Tue, 21 May 2013 15:40:40 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designme.ws/?p=292</guid>
		<description><![CDATA[Features: DesignMe assisted ETI and NCC ElectNext in the creation of a voting poll application for display in the National Constitution Center in Philadelphia, PA. The application was for use during the 2012 Presidential Race in the Constituion Center for &#8230; <a href="http://designme.ws/ncc-electnext-poll-booth-application/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Features:</strong> DesignMe assisted ETI and NCC ElectNext in the creation of a voting poll application for display in the National Constitution Center in Philadelphia, PA. The application was for use during the 2012 Presidential Race in the Constituion Center for thousands of people to interact with on iPads(image shown below). </p>
<p>The candidate matching API matched museum visitors with candidates based on their answers to poll questions.</p>
<p><strong>Technology:</strong> LAMP, PHP, Zend, JSon, JavaScript, HTML, CSS</p>
<p><strong>Museum Floor images and Application Screen Capture are shown below:</strong><br />
<embed SRC=http://www.designme.ws/video/nccelectnext.swf WIDTH=700 HEIGHT=380 AUTOPLAY=false CONTROLLER=true LOOP=false ></embed></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_292" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_292" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://designme.ws/wp-content/uploads/2013/05/photo-1-400x300.jpg"  rel="lightbox[292]">								
											<img src="http://designme.ws/wp-content/uploads/2013/05/photo-1-100x75.jpg" alt="" title="photo 1" />
										</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/2013/05/photo-2-400x300.jpg"  rel="lightbox[292]">								
											<img src="http://designme.ws/wp-content/uploads/2013/05/photo-2-100x75.jpg" alt="" title="photo 2" />
										</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_292" class="loader"></div>
					<div id="slideshow_292" class="slideshow"></div>
					<div id="caption_292" 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_292 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_292').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_292',
					controlsContainerSel:      '#controls_292',
					captionContainerSel:       '#caption_292',  
					loadingContainerSel:       '#loading_292',
					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/ncc-electnext-poll-booth-application/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>