Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2012
    Posts
    36
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Cool Changing Page Title

    Can anyone help me with changing a page title?

    Homepage is

    http://www.iseetechnology.co.ukand the title at the of the page currently says

    DesignStudio (In the top left of page in Green and White writing with "Island Based Solutions" written underneath)

    The code is here:

    Code:
    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<title></title>
    		<meta charset="utf-8">
    		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">   
    		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
    		<script src="js/cufon-yui.js" type="text/javascript"></script>
    		<script src="js/cufon-replace.js" type="text/javascript"></script>
    		<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
    		<script src="js/NewsGoth_700.font.js" type="text/javascript"></script>
    		<script src="js/Vegur_300.font.js" type="text/javascript"></script> 
    		<script src="js/FF-cash.js" type="text/javascript"></script>
    		<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    		<script src="js/tms-0.3.js" type="text/javascript"></script>
    		<script src="js/tms_presets.js" type="text/javascript"></script>
    		<script type="text/javascript">
    			$(function() { 
    				$('.close').bind('click', function(){
    					$(this).parent().show().fadeOut(500);
    				});
    			}); 
    		</script>
    		<!--[if lt IE 7]>
    		<div style=' clear: both; text-align:center; position: relative;'>
    			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
    				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    			</a>
    		</div>
    		<![endif]-->
    		<!--[if lt IE 9]>
    			<script type="text/javascript" src="js/html5.js"></script>
    			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    		<![endif]-->
    	</head>
    	<body id="page1">
    	<!--==============================header=================================-->
    		<header>
    			<div class="main">
    				<div class="wrapper">
    					<h1>
    						<a href="index.html">Designstudio</a>
    						<strong>Island Based Technology Solutions</strong>
    					</h1>
    					<nav>
    						<ul class="menu">
    							<li><a class="active" href="index.html">Top 1</a></li>
    							<li><a href="services.html">Top 2</a></li>
    							<li><a href="gallery.html">Top 3</a></li>
    							<li><a href="privacy.html">Top 4</a></li>
    							<li><a href="contacts.html">Contact</a></li>
    						</ul>
    					</nav>
    				</div>
    			</div><div class="ic">m</div>
    		</header>
    	<!--==============================content================================-->
    		<section id="content">
    			<div class="main">
    				<div class="slider-wrapper">
    					<div class="slider">
    						<ul class="items">
    							<li>
    								<img src="images/slider-img1.jpg" alt="" />
    								<strong class="banner">
    									<a class="close" href="#">x</a>
    									<strong>PC Consultants</strong>
    									<span>Sales, Installation and Maintainance</span>
    									<b class="margin-bot">Lorem ipsum dolor sit amet, consectetur adipisicing elitsedo eiusmod tempor incididunt ut labore dolore magna aliqua enim ad minim veniam.</b>
    									<a class="button2" href="#">Read More</a>
    								</strong>
    							</li>
    							
    													
    							<li>
    								<img src="images/slider-img2.jpg" alt="" />
    								<strong class="banner">
    									<a class="close" href="#">x</a>
    									<strong>Network Installation</strong>
    									<span>Home, Office, Wireless or VOIP</span>
    									<b class="margin-bot">Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit<br> in voluptate velit.</b>
    									<a class="button2" href="#">Read More</a>
    								</strong>
    							</li>
    							<li>
    								<img src="images/slider-img3.jpg" alt="" />
    								<strong class="banner">
    									<a class="close" href="#">x</a>
    									<strong>Business Technology</strong>
    									<span>Remote CCTV, Time Keeping and POS Options</span>
    									<b class="margin-bot">Esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <br>deserunt mollit anim.</b>
    									<a class="button2" href="#">Read More</a>
    								</strong>
    							</li>
    							<li>
    								<img src="images/slider-img4.jpg" alt="" />
    								<strong class="banner">
    									<a class="close" href="#">x</a>
    									<strong>Smart Home and AV Technology</strong>
    									<span>Remote Control Home and Audio Visual Solutions </span>
    									<b class="margin-bot">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</b>
    									<a class="button2" href="#">Read More</a>
    								</strong>
    							</li>
    							
    							<li>
    								<img src="images/slider-img1.jpg" alt="" />
    								<strong class="banner">
    									<a class="close" href="#">x</a>
    									<strong>EXTRA</strong>
    									<span>Sales, Installation and Maintainance</span>
    									<b class="margin-bot">Lorem ipsum dolor sit amet, consectetur adipisicing elitsedo eiusmod tempor incididunt ut labore dolore magna aliqua enim ad minim veniam.</b>
    									<a class="button2" href="#">Read More</a>
    								</strong>
    							</li>
    							
    							
    						</ul>
    					</div>
    					<ul class="pagination">
    						<li><a class="item-1" href=""><strong>01</strong></a></li>
    						<li><a class="item-2" href=""><strong>02</strong></a></li>
    						<li><a class="item-3" href=""><strong>03</strong></a></li>
    						<li><a class="item-4" href=""><strong>04</strong></a></li>
    					</ul>
    				</div>
    				<div class="border-bot1 img-indent-bot">
    					<h2>REALLY BUG FIRST LINE<strong>BIG TITLE BAR SECOND LINE</strong></h2>
    				</div>
    				<div class="wrapper">
    					<article class="col-1">
    						<div class="indent-left">
    							<ul class="list-1">
    								<li><a href="#">Menu 1</a></li>
    								<li><a href="#">Menu 2</a></li>
    								<li><a href="#">Menu 3</a></li>
    								<li><a href="#">Menu 4</a></li>
    								<li><a href="#">Menu 5</a></li>
    								<li><a href="#">Menu 6</a></li>
    								<li><a href="#">Menu 7</a></li>
    								<li><a href="#">Menu 8</a></li>
    								<li class="last-item"><a href="#">Last Menu Item</a></li>
    							</ul>
    						</div>
    					</article>
    					<article class="col-2">
    						<h3>Welcome!</h3>
    						<div class="p1">
    							<figure class="img-border"><img src="images/page1-img1.jpg" alt="" /></figure>
    							<div class="clear"></div>
    						</div>
    						<p class="img-indent-bot">This <a href="http://blog.templatemonster.com/2011/10/31/free-website-template-slider-design-studio/">Design Studio Template</a> goes with two packages – with PSD source files (available for free for the registered members of Templates.com).</p>
    						<a class="button" href="#">Read More</a>
    					</article>
    					<article class="col-3">
    						<div class="indent-top">
    							<ul class="list-2">
    								<li>
    									<a class="item" href="#">Our Vision</a>
    									<span>Business.Co is one of <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free web templates</a> created by TemplateMonster.com team. </span>
    								</li>
    								<li>
    									<a class="item" href="#">Perfect Experience</a>
    									<span>This template is optimized for 1280X1024 screen resolution.</span>
    								</li>
    								<li class="last-item">
    									<a class="item" href="#">News &amp; Events</a>
    									<span>It is also XHTML &amp; CSS valid. Quis nostrud exercitation ullamco laboris nisi ut.</span>
    									<a class="button" href="#">Read More</a>
    								</li>
    							</ul>
    						</div>
    					</article>
    				</div>
    			</div>
    		</section>
    	<!--==============================footer=================================-->
    		<footer>
    			<div class="main">
    				<div class="wrapper border-bot2 margin-bot">
    					<article class="fcol-1">
    						<div class="indent-left">
    							<h3 class="color-1">Stay Connected</h3>
    							<ul class="list-services">
    								<li><a href="#">Facebook</a></li>
    								<li><a class="it-2" href="#">Twitter</a></li>
    								<li><a class="it-3" href="#">Linked In</a></li>
    								<li class="last-item"><a class="it-4" href="#">Del.ico.us</a></li>
    							</ul>
    						</div>
    					</article>
    					<article class="fcol-2">
    						<h3 class="color-1">Strategy Solution</h3>
    						<p class="p3">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit velit esse.</p>
    						<a class="button2" href="#">Read More</a>
    					</article>
    					<article class="fcol-3">
    						<h3 class="color-1">Contact Us</h3>
    						<ul class="list-3">
    							<li><a href="#">Email</a> <span> - sales@iseetechnology.co.uk</span></li>
    							<li><a href="#">Telephone</a> <span> - 01111 111111</span></li>
    							<li><a href="#">Mobile</a> <span> - 01111 1111111</span></li>
    							<li>** House - ** Street - ** - *****</li>
    						</ul>
    					</article>
    				</div>
    				<div class="aligncenter">
    					iSeeTechnology &copy; 2011-2012 <a rel="nofollow" class="color-1" href="http://www.templatemonster.com/" target="_blank">Website Template</a> by TemplateMonster.com
    				</div>
    			</div>
    		</footer>
    		<script type="text/javascript"> Cufon.now(); </script>
    		<script type="text/javascript">
    			$(window).load(function() {
    				$('.slider')._TMS({
    					duration:800,
    					easing:'easeOutQuart',
    					preset:'diagonalExpand',
    					slideshow:7000,
    					pagNums:false,
    					pagination:'.pagination',
    					banners:'fade',
    					pauseOnHover:true,
    					waitBannerAnimation:true
    				});
    			});
    		</script>
    	</body>
    </html>
    I'm pretty sure the part I need to change is

    Code:
    <a href="index.html">Designstudio</a>
    						<strong>Island Based Technology Solutions</strong>
    But no matter what I change it to it won't display anything different?

    What am I doing wrong?

    Thanks

  • #2
    Regular Coder
    Join Date
    Dec 2011
    Posts
    201
    Thanks
    12
    Thanked 26 Times in 26 Posts
    Look into cufon fonts? I just looked into the source of your site and its looks like this title is deriving from cufon, which from 2 minutes of research is derived from javascript. I don't know, learning about this with you.

    Code:
    <strong>
    <cufon class="cufon cufon-canvas" alt="Island " style="width: 40px; height: 13px;">
    <cufon class="cufon cufon-canvas" alt="Based " style="width: 40px; height: 13px;">
    <cufon class="cufon cufon-canvas" alt="Technology " style="width: 68px; height: 13px;">
    <cufon class="cufon cufon-canvas" alt="Solutions" style="width: 53px; height: 13px;">
    </strong>
    Code:
    <canvas width="57" height="16" style="width: 57px; height: 16px; top: -2px; left: -2px;"></canvas>
    <cufontext>Island </cufontext>
    Code:
    <script type="text/javascript">
    Cufon.now();
    </script>

  • #3
    New Coder
    Join Date
    Jun 2012
    Posts
    36
    Thanks
    8
    Thanked 0 Times in 0 Posts
    I think your on the right lines but in the Javascript there is no options to change.

    I can change the "Island Based Solutions" from the main code, in fact that was simple. It's just the DesignStudio that won't change???

  • #4
    New Coder
    Join Date
    Jun 2012
    Posts
    36
    Thanks
    8
    Thanked 0 Times in 0 Posts
    OK, I've looked through every CSS and JS code but nothing will change this title

    Anyone???


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •