Handcoded

I have a design that I'm converting to be Bootstrap responsive but have run into a couple of problems. How to make a non full width background image responsive How to keep the main form content the correct distance away from the top of the image no matter what the viewport size. Mock up image Website Js Fiddle - http://jsfiddle.net/handcoded/nsaoxbez/1/ I'd be very grateful for any pointers

Thanks Nillervision that worked great.

Hi I'm working on a website that has a video background with an Owl Carousel overlayed. When changing slides on a PC/Laptop everything is fine but when using a mobile device on pages that requires the user to scroll down when the visitor moves to a different slide they have to scroll up to see the content. I'd like the slide to automatically scroll to the top when a slide is changed. Below is the javascript that my navigation uses. Presumably I can add something to this to force the page to scroll to the top. I've tried a couple of things but neither have worked. The website is www.handcoded.co.uk/2015 Any help would be gratefully appreciated. $('.homestart').click(function(){ $('.navigation-dot li').removeClass('navcurrent').fadeIn(20); carousel.trigger('owl.goTo', 0); $('.homestart').toggleClass('navcurrent').fadeIn(120); }); $('.about').click(function(){ $('.navigation-dot li').removeClass('navcurrent').fadeIn(20); carousel.trigger('owl.goTo', 1); $('.about').toggleClass('navcurrent').fadeIn(120); }); $('.services').click(function(){ $('.navigation-dot li').removeClass('navcurrent').fadeIn(20); carousel.trigger('owl.goTo', 3); $('.services').toggleClass('navcurrent').fadeIn(120); }); $('.portfolio').click(function(){ $('.navigation-dot li').removeClass('navcurrent').fadeIn(20); carousel.trigger('owl.goTo', 2); $('.portfolio').toggleClass('navcurrent').fadeIn(120); }); $('.contact').click(function(){ $('.navigation-dot li').removeClass('navcurrent').fadeIn(20); carousel.trigger('owl.goTo', 4); $('.contact').toggleClass('navcurrent').fadeIn(120); });

Hi I haven't made any changes yet but here are a few ideas 1. Remove the search in favour of a twitter style login form that will be a request quote form instead. Example - http://aext.net/example/twitterlogin/# 2. Move the main homepage text to an about us page for anyone who wants to know more about me 3. Remove existing random portfolio sidebox 4. Find some cool eye catching way of showing off my portfolio and add to homepage 5. Remove the 3 columns about, cms, e-commerce and training to another page. The more I look at it the more I hate it. 6. Reduce the footer height and headings and probably reduce the number of columns 7. Look for any jQuery plug-ins that add useful elements to the web site (please recommend) I can't change the name of the company hence the web design studio bit tacked on the end. Agreed that most visitors won't know what handcoded means but I'm sure there are worse names out there. Tried to demonstrate why the company was called this by using a flash page curl but I hate flash.

Thanks to everyone who contributed their input. In the past when people have asked for feedback I have been amazed by the amount of praise people have been given for what I would consider amateurish design at best. The web site is a work in progress and I can appreciate every point that has been made. I'll have a re-think about some of the aspects of the design and content and perhaps request some more feedback. What would be interesting is to see the web sites of web designers that you think look good as I could perhaps use elements and ideas from these to improve upon my web site. regards, Richard

Hi So I'm experiencing a fairly quiet week and thought I'd revamp my web site so that I have something to do. The feedback of my existing web site was fairly positive in that people appreciated that the wording was mainly jargon free and that I presented myself quite well. The web site is about 2 and a half years old and one thing that has always annoyed me is when people phone up and ask me if I can provide web hosting when it says on every single page that I do. My fear is that visitors are not getting past the first page or the web site is so boring that nobody wants to actually read the text. To try to combat this I've decided to condense things down a bit and use icons that visitors can engage with to find out about what I do. This will be one if not the only interactive element as I thought I needed to have something a bit different that the majority of my visitors would not have seen before. I'm after some useful input as to how best to structure the new website in the hope of turning more visitors into customers. I've looked around the web at other web design websites but the majority are unique and what I mean by that is that they do not follow a textbook idea as how best to design a web site for a web design business. Current live web site - www.handcoded.co.uk Work in progress - www.handcoded.co.uk/switch/ regards, Richard

Thanks Jock I'll give that a try.

Hi I'm using CMS Made Simple and am in need of a bit of help with some php coding. I have a plug-in that allows me to browse folders and will list all of the files found. I would like to customise this so that only files with a particular prefix are shown which is then stripped out before being displayed in a table. For example: I have a folder full of images, videos, text, xml, css etc and want to only show the file named view-myvideo.flv and when listed on my web site the view- part should be removed. I don't think the script I have would need much in the way of altering. Here is the code <?php #File List on Front End for CMS - CMS Made Simple #(c)2009 by Lewis Stewart (bored.bigtime@gmail.com) #This project's homepage is: http://dev.cmsmadesimple.org/projects/file-list-table # #This program is free software; you can redistribute it and/or modify #it under the terms of the GNU General Public License as published by #the Free Software Foundation; either version 2 of the License, or #(at your option) any later version. # #This program is distributed in the hope that it will be useful, #but WITHOUT ANY WARRANTY; without even the implied warranty of #MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the #GNU General Public License for more details. #You should have received a copy of the GNU General Public License #along with this program; if not, write to the Free Software #Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA # function smarty_cms_function_file_list($params, &$smarty) { #Check if user has specified a folder to watch, otherwise use default if (isset($params['folder'])) { $folder = rtrim($params['folder'], '/'); $folder .= '/'; } else { $folder = "uploads/"; } if (isset($params['name'])) { $name = $params['name']; } else { $name = "Name"; }if (isset($params['date'])) { $date = $params['date']; } else { $date = "Date"; } if (isset($params['size'])) { $size = $params['size']; } else { $size = "Size"; } if (!empty($params['dateformat'])){ $dateformat =$params['dateformat']; } else{ $dateformat = 'Y-m-d'; } if(isset($params['browsesubdirs'])) { $browsesubdirs = $params['browsesubdirs']; } else $browsesubdirs = 1; if(!empty($_GET['file_list'])){ $subdir = urldecode($_GET['file_list']); $subdir = str_replace('..', '', $subdir); } else{ $subdir = ''; } $file_names = array(); $file_types = array(); $file_dates = array(); $file_sizes = array(); if ( !$handle = opendir($folder.$subdir)){ $handle = opendir($folder); $subdir = $_GET['file_list'] = ''; } $fcount = 0; while ( false !== ( $entry = readdir($handle) ) ) { if ($entry != "." && $entry != "..") { #Insert filename, filetype, filetime and filesize into arrays $fcount++; array_push($file_names, $entry); array_push($file_types, filetype($folder .$subdir. $entry) ); array_push($file_dates, filemtime($folder.$subdir . $entry) ); array_push($file_sizes, filesize($folder.$subdir . $entry) ); } } closedir($handle); $fcount--; $file_shortnames = array_map('strtolower', $file_names); #Check if user has specified sort order if (isset($params['sort'])) { $sort = $params['sort']; // line changed as suggested by David in bug 2487 (David) } else { $sort = ""; } #Change file sort order if needed $sort = $sort . " "; if (substr(strtolower($sort),0,1) == "d") { if (substr(strtolower($sort),0,2) == "dd") { array_multisort($file_dates,SORT_DESC,$file_types, $file_shortnames, $file_names); } else { array_multisort($file_dates,SORT_ASC,$file_types, $file_shortnames, $file_names); } } elseif (substr(strtolower($sort),0,1) == "s") { if (substr(strtolower($sort),0,2) == "sd") { array_multisort($file_sizes,SORT_DESC,$file_types, $file_shortnames, $file_names); } else { array_multisort($file_sizes,SORT_ASC,$file_types, $file_shortnames, $file_names); } } else { // line changed as suggested by Ernst in bug 2487 (David) array_multisort($file_types, $file_shortnames, $file_names); } echo "<table width=\"96%\" class=\"file_list_table\">\n"; // line changed by David for feature-request #2462 #Check if user has specified whether to show column headers if (isset($params['colheaders'])) { echo "<tr>\n <th></th>\n <th width=\"85%\">".$name."</th>\n <th width=\"10%\">".$size."</th>\n </tr>\n"; } if(!empty($_GET['file_list'])){ echo "<tr><td> </td><td><a href=\"".recreateUrl($subdir.'../')."\">..</td><td></td><td></td></tr>"; } $total = 0; for ($i = 0; $i <= $fcount; $i++) { $file_ext = substr($file_names[$i],strrpos($file_names[$i],".")+1); $fullname = $folder.$subdir.$file_names[$i]; if( is_dir ( $fullname )){ $href = recreateUrl($file_names[$i]); } else{ $href = urldecode($folder.$subdir) . urldecode($file_names[$i]).'" '; } if ( !is_dir ( $fullname ) || $browsesubdirs ){ echo "<tr>"; echo "<td><img src=\"" . FileIcon($file_ext) . "\" alt=\"" . $file_ext . "-file\" /></td>"; // line changed as sugested by Rolf in bug 2908 (David) echo "<td><a class=\"mediaLinks\" href =\"" . $href . ">" . $file_names[$i] . "</a></td>"; echo "<td align=\"right\">". number_format(filesize($fullname)/1024,0,',','.') . " KB</td>"; $total += filesize($fullname); echo "</tr>\n"; } } echo "</table>\n"; } #Get relevant icon for file extension function FileIcon($file_ext) { $FullPath = "uploads/images/appicons/" . strtoupper($file_ext) . "icon.gif"; if (!file_exists($FullPath) ) $FullPath ="uploads/images/appicons/" . "UFO" . "icon.gif"; return $FullPath; } function recreateUrl($subdir){ $subdir = rtrim($subdir, '/'); $subdir .= '/'; if (isset( $_GET['file_list'])){ if(strpos($subdir, '../') !== FALSE ){ $subdir = preg_replace( '/\.{2}(\x2F)$/' , '', urldecode($_GET["file_list"])); $subdir = preg_replace( '/[^\x2F]+(\x2F)$/' , '',$subdir); //$subdir = preg_replace( '/[^\x2F]+\x2F\.{2}\x2F$/' , '', urldecode($_GET["file_list"])); if (empty($subdir)){ $url = str_replace( '&file_list='.urlencode($_GET["file_list"]), '', $_SERVER['REQUEST_URI']); } else{ $url = str_replace( 'file_list='.urlencode($_GET["file_list"]), 'file_list='.urlencode($subdir), $_SERVER['REQUEST_URI']); } } else{ $url = str_replace( 'file_list='.urlencode($_GET["file_list"]), 'file_list='.urlencode($_GET["file_list"].$subdir), $_SERVER['REQUEST_URI']); } } else{ $url = $_SERVER['REQUEST_URI']."&file_list=".urlencode($subdir); } return $url; } function smarty_cms_help_function_file_list() { ?> <h3>What does this do?</h3> <p>Displays a list of files from a folder with file icon, file name, file size and file date</p> <h3>How do I use it?</h3> <p>Just insert the tag into your template/page like <code>{file_list}</code>.</p> <h3>What parameters does it take?</h3> <p> <ul> <li><em>(optional)</em> <tt>folder</tt> - Folder to list files from (default is "uploads/"). Advise you include this.</li> <li><em>(optional)</em> <tt>sort</tt> - Sort order: d - sort by date ascending; dd - sort by date descending; s - sort by size ascending; sd - sort by size descending. (default is sort by filetype then file name).</li> <li><em>(optional)</em> <tt>colheaders</tt> - Show column headers (default is no headers).</li> <li><em>(optional)</em> <tt>date="Date"</tt> - Column header "Date".</li> <li><em>(optional)</em> <tt>na<!---->me="Name"</tt> - Column header "Name".</li> <li><em>(optional)</em> <tt>siz<!---->e="Size"</tt> - Column headers "Size".</li> <li><em>(optional)</em> <tt>dateformat="Y-m-d"</tt> - <a href="http://php.net/manual/en/function.date.php" target="_blank">Date format</a>.</li> <li><em>(optional)</em> <tt>browsesubdirs=1</tt> - Allow browse subdirectories.</li> </ul> </p> <h3>Hints and Tips</h3> <p> - Create a new folder within the uploads/ directory for your files instead of using the default uploads/<br /> - File list is independent of upload method. Both FTP and File Manager should work.<br /> - If you know you're only going to use a very limited number of file formats, it is possible to remove unneccessary file icons to save space.<br /> - To create multilingual file list use "<a href='http://dev.cmsmadesimple.org/projects/trmanager' target="_blank">TranslationManager module</a>" <br/> <em>{capture assign="date"}{tr_key key="date" lang=$lang}{/capture}<br/> {file_list folder="uploads/audio/" sort="dd" colheaders=1 date=$date name="File name" dateformat="Y/m/d" browsesubdirs=1}</em><br/> </p> <?php } function smarty_cms_about_function_file_list() { ?> <p>Author: Lewis Stewart <<a href="mailto:bored.bigtime@gmail.com">bored.bigtime@gmail.com</a>><br />Thanks to: David Ursem and Andrius Peciura. </p> <p>Version 1.0.2</p> <p>Change History:<br /> 1.0a - Alpha version released. <br /> 1.0.1 Some sorting issues fixed by David Ursem <br /> 1.0.2 Added params "browsesubdirs", "date", "size", "name", "dateformat". </p> <?php } ?> Thanks very much in advance for any assistance given. Richard

Hi I taught myself by trying to figure out how things were done by examining code and messing with it. Started out with tables which was the best way to layout pages until css took over. I did attend Macromedia University online which taught me how to use Dreamweaver and Fireworks. I use Fireworks allot but tend to code in Notepad++. I find Dreamweaver is only really useful if I want to search a local web site for something. I attended a local evening course but learned nothing. When I started out there were no college courses covering web design. The Internet is the best resource available.

Thanks Keith Nice to be here

Hi My name is Richard and I live and work in Totnes, Devon as a full time self employed web designer. I've been designing web sites professionally for almost 10 years now but have only been running my own business for almost 2 and a half. Most of my customers have either Zen Cart shops or CMS Made Simple web sites and I really am starting to feel like a one trick pony so I thought I'd update my knowledge and this seemed like a good place to start. I hope to provide a bit of knowledge here and there and make some good contacts so that I have a reliable selection of talented individuals across the UK that can help me out should I ever need assistance with a project. regards, Richard