Zola

Hey folks, I have built a site in wordpress that has a video background on the homepage. It takes up basically the full screen. However, I have been advised to add a 'scroll down' visual aid to the corner to tell the user to scroll down. Are there any plugins available that can do this?

Figured it out! needed to add color: #ff0000 !important; co to bootstrap css file

Hi folks, I am helping a friend with a site, but we are having an issue keeping a selected menu item highlighted on this one page site. https://bootstrapmade.com/demo/Knight/ CSS hacking the Active class doesn't seem to be the right thing as it only does what we want when its clicked, but not after. Any ideas as to what I need to do? Any help is greatly appreciated. Thanks

What if you do both, in one environment ? haha I guess it is correct, but wouldn't mind making it sound better

Whats a better title for a Web & Print designer?

Hey all I have been building sites for a long time and I am pretty confident in modern frameworks like Bootstrap etc. I have played about with JQuery Mobile and UI. I know how to make mobile sites from a front end side. I understand that I can upload my site to PhoneGap and turn it into a native app. However, I would love to know how to make useful apps that dont just display static text. E.g. using things like Google Places API. I know how to make mobile sites easily enough that display info. I just don't really understand how to link that up with dynamic data from APIs etc. How to feed that content back to the user. For a vasic example, say I wanted to have a simple app that had a search box. You enter 'PIZZA' into it and it comes back with a result of all local pizza spots. How would I do that? If someone could point me in the right direction for where I could experiment with this I would be really grateful .

I think I got it now, thanks!

Bump, any help would be really appreciated :s

Hi all I have a small issue with a site I am building. For the main menu I use an SSI for ease of updating every page at once. When the user clicks an item and goes to a page I want to have that option in the menu highlighted / different colour, to show what page they are on. This works perfectly for single menu items like this: <li <?php if( $page=='index') echo 'class="active"'; ?> ><a href="index.php">Home</a></li> I use $page in the respective page HTML and it links up to the menu. However, some of the options have drop down menu items. I would like to highlight the top level item on the menu even when a sub section item is selected. In its current state the drop down menu item is highlighted, but not the top. <li <?php if ($page=='ci') echo 'class="active"'; ?>> <a href="ci.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CI <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu"> <li <?php if ($page=='ci1') echo 'class="active"'; ?>> <a href="ci.php">xxxx</a></li> <li <?php if ($page=='reasons') echo 'class="active"'; ?>> <a href="reasons.php">xxxx</a></li> <li <?php if ($page=='small_faq') echo 'class="active"'; ?>> <a href="small-faq.php">faq</a></li> </ul> </li> Even when I change the sub levels to be the same as the top level, the top level item will not change colour. I have no idea why. Can anyone see what I am doing wrong?

A few friends of mine run a little competition between ourselves for a bit of fun. This has been in the past, a sports prediction spreadsheet where we predict the outcomes of champions in various football leagues around the world. Up to now its always been a very laborious spreadsheet with that my friend can no longer be bothered to do. is there any way I can do this in php / html? There would be 8 players predicting the outcome of 6 leagues. We award points for who gets the most, half points for coming close etc. Any ideas as to what way to approach this would be appreciated. I amvery proficient in HTML and CSS, but a bit of a novice in PHP......but if there is a script or some idea to get this up and running I would be very appreciative. Thanks

That was the very problem!!! Thanks for your replies guys. Much appreciated!!

Hello, I am trying to get a little contact form working with a bootstrap 3 theme, but the data is not being sent to my email. If anyone can spot anything obvious as to why its not working (or any ways to make this code much better), I would really appreciate it. <?php if (isset($_POST['submit'])) { $to = 'myemail@email.com'; $subject = "WEBSITE ENQUIRY"; $name_field = $_POST['name']; $email_field = $_POST['email']; $phone_field = $_POST['phone']; $message = $_POST['message']; if (strlen(trim($message)) > 0) { $body = "From: $name_field \n E-Mail: $email_field \n Phone: $phone_field \n Message: $message \n "; if (mail($to, $subject, $body)) { echo "<h3>Thanks! Your email has been sent. <br />I will answer your enquiry as soon as possible.</h3> <hr>"; } else { echo 'Cannot sent mail'; } } else { echo "<h4>Failed to Send Mail. <br><br>Please ensure that all fields are filled out in order to email us.</h4><hr>"; } } ?> <div class="col-sm-8"> <p>If you wish to ask a question about a potential project please get in touch via the form below, or from the details on the right.</p> <form role="form" method="POST" action="contact.php"> <div class="row"> <div class="form-group col-md-12"> <label for="Name">Name</label> <input type="text" name="name" class="form-control" id="input1"> </div> <div class="form-group col-md-12"> <label for="Email">Email Address</label> <input type="email" name="email" class="form-control" id="input2"> </div> <div class="form-group col-md-12"> <label for="Phone">Phone Number</label> <input type="phone" name="phone" class="form-control" id="input3"> </div> <div class="clearfix"></div> <div class="form-group col-lg-12"> <label for="Message">Message</label> <textarea name="message" class="form-control" rows="6" id="input4"></textarea> </div> <div class="form-group col-lg-12"> <input type="hidden" name="save" value="contact"> <button type="submit" class="btn btn-primary pull-right">Submit</button> <div class="clearfix"></div> </div> </div> </form>

Many thanks

Hi I am learning PHP on codecademy at the moment. Enjoying it well and going right back to the basics to try to get a fundamental understanding At the moment, I am learning about functions (strlen, strpos) etc. etc. This may be a stupid question, but can anyone please give me a real world example of where these functions may be used? I guess strlen could be used to allow or disallow a certain length of a user name or something, but what use would strpos have?

That works well, thanks!! Dont know how I missed it. Much appreciated.

Hey I have a menu in place that works well on a website I am building. I use a php include so that the menu is served up the same over all the pages, nice and easy for updates etc. I felt it was important to have an indicator on the selected menu item to reassure the user what page they are on. Heres a code snippet of how I did this this. Using the .selected class in CSS I simply changed the colour of the item. <ul class="menu"> <li><a href='index.php' <?php if( $page == 'index') echo 'class="selected"'?> ><span>Home</span></a></li> </ul> I have another sub menu on a few pages that categories some content (I want these items to be on 6-7 pages). How could I do the same thing as above for these? As you can see below, I already have a class name for these items, as I wanted them appear as a button I made. <a href="sub_item.php" class="icons_button"><i class="icon-tablet"> </i> Sub Item Example</a>

Got sorted with this! <script> $(document).ready(function() { $('.hidden_software').hide().before('<a href="#" id="open-hidden_software" class="link">Read More ↓</a>'); $('.hidden_software').append('<a href="#" id="close-hidden_software" class="link">Close ↑</a>'); $('a#open-hidden_software').click(function() { $('.hidden_software').slideDown(1000); $('#open-hidden_software').fadeOut(500); return false; }); $('a#close-hidden_software').click(function() { $('.hidden_software').slideUp(1000); $('#open-hidden_software').fadeIn(500) return false; });

Hi I have a lot of text in a few sections for one page. I want to use a show / hide to expand and close the extended detailed if the user wants to read more. At the moment I have a solution, the open link appears in the middle of the text where I want it, but when the user clicks to extend the text, the link stays in the same place..... I would like it to appear at the bottom of the extended text. I am not sure how to change this. Do you have any ideas? Any help would be much appreciated. Here is my current code <h1 id="headline">Headliner</h1> <p>opening paragraphs....</p> <a href="" class="readmore">Read More..</a> <div class="hiddenContent"> <p>Extended content when the user clicks.</p> </div> <!-- /hiddenContent--> <script> $('.hiddenContent').hide(); $('.readmore').click(function () { $('.hiddenContent').slideToggle('slow', function(){ $('.readmore').text($(this).is(':visible')? 'Close' : 'Read More..'); }) return false; }); </script>

got it sorted, didn't realise I could call two classes within one <li> !!

Thanks. After I posted this I came across a plugin alternative that's perfect for what I need: http://mixitup.io/ However, I need help in the logical sense! I have implemented this, splitting the products into 3 categories: All products Product type a Product type b Product type c When clicked the products filter in by type...each product is called in by their category class name... However, a few products fall into both categories.... what can I do to make a product from category A also appear in category C? Here is a simplified piece of code that will explain my problem <div class="controls"> <ul> <li class="filter" data-filter="all">Show All Products</li> <li class="filter" data-filter="category_cat_a">Cat A</li> <li class="filter" data-filter="category_cat_b">Cat B</li> <li class="filter" data-filter="category_cat_c">Cat C</li> </ul> </div> <hr> <!-- GRID --> <ul id="Grid" style=""> <li class="mix category_cat_a mix_all" data-cat="1" style="display: inline-block; opacity: 1;"> <a href=#<img src="images/product_thumbs/1.jpg" width="270" height="270" class="border"></a></li> <li class="mix category_cat_b mix_all" data-cat="2" style=" display: inline-block; opacity: 1;"> <a href="#"><img src="images/product_thumbs/2.jpg" height="270" width="270" class="border"> </a></li> <li class="mix category_cat_c mix_all" data-cat="1" style=" "><a href="#"> <img src="images/product_thumbs3.jpg" height="270" width="270" class="border"></a></li> <li class="mix category_fault_location mix_all" data-cat="1" style=" "><a href="#"><img src="images/product_thumbs/4.jpg" height="270" width="270" class="border"></a></li> <li class="gap"></li> <!-- "gap" elements fill in the gaps in justified grid --> </ul>

Hi I have been looking for ideas on websites and the filter system on this page is exactly what I am looking for. http://goldenworks.eu/demos/sl_wordp...r-best-works/# I love the way it animates and changes according to the clickable button. Does anyone know what plugin was used or how I can implement this on a website that I wish to build? Any help is much appreciated.

Bump, any help appreciated.

Hi all I have a big global stylesheet for a website that I update quite regularly. One thing that bugs me is that once I update the CSS file and overwrite it, the site usually needs refreshed in the browser to see changes, or else things could appear out of sync. I did a little research on my problem and found these bits of code. From my understanding this code (placed at the very top of the document before the site loads), will tell the browser to ditch the memorised stylesheet and load it fresh. Is this correct? If so should I only have it in use on the index page now and again after a few big updates? header("Expires: Tue, 01 Jan 2000 00:00:00 GMT"); header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache");

I bought a domain with 1and1.co.uk as it was only around £2 for a year. I already have a hosting account with hostultra.com. I have my new domain name pointing to a directory on my hostultra server. I set a forwarding desintation to redirect to the directory on my hostultra server. However, responsive layouts wont work now as it does a frame redirect. When I view the source of the website on the domain name (as opposed to the server page source), I get the redirect code and the server address. How can I get the domain name to read the source code as it is on my hostultra account? Do I need to transfer the domain to hostultra? The only reason I didnt do this was the cost was cheaper on 1and1.co.uk

Hi Can any of you recommend an easy to install and modern comment feature that I can add for a static web page? Ideally without a database needing to be installed.