Page 2 of 2
Re: change the color of the navigation bar
Posted: Fri Oct 09, 2015 2:43 pm
by Thorsten
Hi,
do you have the logo image for me, I would add everything then.
bye
Thorsten
Re: change the color of the navigation bar
Posted: Fri Oct 09, 2015 9:33 pm
by tonyd
Re: change the color of the navigation bar
Posted: Fri Oct 16, 2015 9:51 am
by tonyd
Hi Thorsten,
Any time to get the logo above the navbar? regards Tony
Re: change the color of the navigation bar
Posted: Sun Oct 18, 2015 10:54 am
by Thorsten
Hi,
you can add the logo in your index.tpl file like this:
Code: Select all
<a class="brand" title="{header}" href="{faqHome}">
<img src="http://www.c-estimate.nl/faq/images/logo.png" alt="{header}"style="height: 25px !important;">
</a>
bye
Thorsten
Re: change the color of the navigation bar
Posted: Mon Nov 02, 2015 1:31 pm
by tonyd
Thorsten wrote:Hi,
you can add the logo in your index.tpl file like this:
Code: Select all
<a class="brand" title="{header}" href="{faqHome}">
<img src="http://www.c-estimate.nl/faq/images/logo.png" alt="{header}"style="height: 25px !important;">
</a>
bye
Thorsten
Hi Thorsten,
Do i need to put this in the Head? or body? i tried some options but nothing happens
Re: change the color of the navigation bar
Posted: Mon Nov 02, 2015 3:38 pm
by Thorsten
Hi,
that has to be changed in the header of the body.
bye
Thorsten
Re: change the color of the navigation bar
Posted: Tue Nov 03, 2015 5:37 pm
by tonyd
Thorsten wrote:Hi,
that has to be changed in the header of the body.
bye
Thorsten
Hi Thorsten, i realy dont know what doing wrong. i have put it in the header but no luck. can you tell me where to put it in the code below? When i add it to the existing header it enters the logo into the navbar itself.... i want to have the logo above the navbar with whitespace that has the height of the logo.
Code: Select all
<!doctype html>
<!--[if lt IE 7 ]> <html lang="{metaLanguage}" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="{metaLanguage}" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="{metaLanguage}" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="{metaLanguage}" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="{metaLanguage}" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>{title}</title>
<base href="{baseHref}" />
<meta name="description" content="{metaDescription}">
<meta name="keywords" content="{metaKeywords}">
<meta name="author" content="{metaPublisher}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="application-name" content="phpMyFAQ {phpmyfaqversion}">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="revisit-after" content="7 days">
<!-- Share on Facebook -->
<meta property="og:title" content="{title}" />
<meta property="og:description" content="{metaDescription}" />
<meta property="og:image" content="" />
<link rel="stylesheet" href="{baseHref}assets/template/{tplSetName}/css/{stylesheet}.min.css?v=1">
<link rel="shortcut icon" href="{baseHref}assets/template/{tplSetName}/favicon.ico">
<link rel="apple-touch-icon" href="{baseHref}assets/template/{tplSetName}/apple-touch-icon.png">
<link rel="canonical" href="{currentPageUrl}">
<script src="{baseHref}assets/js/libs/modernizr.min.js"></script>
<script src="{baseHref}assets/js/phpmyfaq.min.js"></script>
<!-- <link rel="alternate" title="News RSS Feed" type="application/rss+xml" href="{baseHref}feed/news/rss.php">
<link rel="alternate" title="TopTen RSS Feed" type="application/rss+xml" href="{baseHref}feed/topten/rss.php">
<link rel="alternate" title="Latest FAQ Records RSS Feed" type="application/rss+xml" href="{baseHref}feed/latest/rss.php">
<link rel="alternate" title="Open Questions RSS Feed" type="application/rss+xml" href="{baseHref}feed/openquestions/rss.php">
<link rel="search" type="application/opensearchdescription+xml" title="{metaTitle}" href="{opensearch}"> -->
<style> html{display:none;} </style>
</head>
<body dir="{dir}">
<!--[if lt IE 8 ]>
<div class="internet-explorer-error">
Do you know that your Internet Explorer is out of date?<br/>
Please use Internet Explorer 8+, Mozilla Firefox 4+, Google Chrome, Apple Safari 5+ or Opera 11+
</div>
<![endif]-->
<div class="navbar navbar-fixed-top hidden-print">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" title="{header}" href="{faqHome}">{header}</a>
<nav class="nav-collapse">
<ul class="nav">
<li class="{activeQuickfind}">{showInstantResponse}</li>
<li class="{activeAddContent}">{msgAddContent}</li>
<li class="{activeAddQuestion}">{msgQuestion}</li>
<li class="{activeOpenQuestions}">{msgOpenQuestions}</li>
</ul>
<ul class="nav pull-right">
[notLoggedIn]
<li class="{activeRegister}">{msgRegisterUser}</li>
<li class="divider-vertical"></li>
<li class="{activeLogin}">{msgLoginUser}</li>
[/notLoggedIn]
[userloggedIn]
<li class="{activeUserControl}">{msgUserControl}</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span title="{msgFullName}">{msgLoginName}</span><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>{msgUserControlDropDown}</li>
<li>{msgLogoutUser}</li>
</ul>
</li>
[/userloggedIn]
</ul>
</nav>
</div>
</div>
</div>
<section id="content" class="container-fluid">
<div class="row-fluid">
<div class="span3 hidden-print" id="leftContent">
<div class="well categories">
<ul class="nav nav-list">
<li class="home">{backToHome}</li>
<li>{allCategories}</li>
<li class="divider-horizontal"></li>
{showCategories}
</ul>
<div class="users-online">
<small>{userOnline}</small>
</div>
</div>
</div>
<div class="span6" id="mainContent">
[globalSearchBox]
<section class="well hidden-print" id="searchBox">
<form id="search" action="{writeSendAdress}" method="get" class="form-search" accept-charset="utf-8">
<div class="input-append">
<input type="hidden" name="searchcategory" value="{categoryId}" />
<input type="hidden" name="action" value="search" />
<input type="text" name="search" id="searchfield" placeholder="{searchBox} ..."
class="input-xlarge search-query" />
<button class="btn btn-primary" type="submit" name="submit">
{searchBox}
</button>
</div>
</form>
<small>{msgSearch}</small>
</section>
[/globalSearchBox]
[globalSuggestBox]
<section class="well hidden-print" id="searchBox">
<form id="instantform" action="?action=instantresponse" method="post" class="form-search" accept-charset="utf-8">
<input type="hidden" name="ajaxlanguage" id="ajaxlanguage" value="{ajaxlanguage}" />
<input type="search" name="search" id="instantfield" class="input-xxlarge search-query" value=""
placeholder="{msgDescriptionInstantResponse}" />
</form>
<small>{msgSearch}</small>
</section>
[/globalSuggestBox]
{writeContent}
</div>
<div class="span3 hidden-print" id="rightContent">
{rightBox}
[stickyFaqs]
<section class="well">
<header>
<h3>{stickyRecordsHeader}</h3>
</header>
<ul>
{stickyRecordsList}
</ul>
</section>
[/stickyFaqs]
</div>
</div>
</section>
<footer id="footer" class="container-fluid hidden-print">
<div class="row-fluid">
<div class="span6">
<ul class="footer-menu">
<li>{showSitemap}</li>
<li>{msgContact}</li>
<li>{msgGlossary}</li>
</ul>
</div>
<!-- <div class="span6">
<form action="{writeLangAdress}" method="post" class="pull-right" accept-charset="utf-8">
{switchLanguages}
<input type="hidden" name="action" value="" />
</form>
</div> -->
</div>
<div class="row">
<p class="copyright pull-right">
© 2006-2015 Trajectory all rights reserved </p>
</div>
</footer>
</body>
</html>
Re: change the color of the navigation bar
Posted: Tue Nov 03, 2015 8:23 pm
by Thorsten
Hi,
here's the code:
Code: Select all
<!doctype html>
<!--[if lt IE 7 ]> <html lang="{metaLanguage}" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="{metaLanguage}" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="{metaLanguage}" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="{metaLanguage}" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="{metaLanguage}" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>{title}</title>
<base href="{baseHref}" />
<meta name="description" content="{metaDescription}">
<meta name="keywords" content="{metaKeywords}">
<meta name="author" content="{metaPublisher}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="application-name" content="phpMyFAQ {phpmyfaqversion}">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="revisit-after" content="7 days">
<!-- Share on Facebook -->
<meta property="og:title" content="{title}" />
<meta property="og:description" content="{metaDescription}" />
<meta property="og:image" content="" />
<link rel="stylesheet" href="{baseHref}assets/template/{tplSetName}/css/{stylesheet}.min.css?v=1">
<link rel="shortcut icon" href="{baseHref}assets/template/{tplSetName}/favicon.ico">
<link rel="apple-touch-icon" href="{baseHref}assets/template/{tplSetName}/apple-touch-icon.png">
<link rel="canonical" href="{currentPageUrl}">
<script src="{baseHref}assets/js/libs/modernizr.min.js"></script>
<script src="{baseHref}assets/js/phpmyfaq.min.js"></script>
<link rel="alternate" title="News RSS Feed" type="application/rss+xml" href="{baseHref}feed/news/rss.php">
<link rel="alternate" title="TopTen RSS Feed" type="application/rss+xml" href="{baseHref}feed/topten/rss.php">
<link rel="alternate" title="Latest FAQ Records RSS Feed" type="application/rss+xml" href="{baseHref}feed/latest/rss.php">
<link rel="alternate" title="Open Questions RSS Feed" type="application/rss+xml" href="{baseHref}feed/openquestions/rss.php">
<link rel="search" type="application/opensearchdescription+xml" title="{metaTitle}" href="{opensearch}">
<style> html{display:none;} </style>
</head>
<body dir="{dir}">
<!--[if lt IE 8 ]>
<div class="internet-explorer-error">
Do you know that your Internet Explorer is out of date?<br/>
Please use Internet Explorer 8+, Mozilla Firefox 4+, Google Chrome, Apple Safari 5+ or Opera 11+
</div>
<![endif]-->
<div class="navbar navbar-fixed-top hidden-print">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" title="{header}" href="{faqHome}">
<img src="http://www.c-estimate.nl/faq/images/logo.png" alt="{header}"style="height: 25px !important;">
</a>
<nav class="nav-collapse">
<ul class="nav">
<li class="{activeQuickfind}">{showInstantResponse}</li>
<li class="{activeAddContent}">{msgAddContent}</li>
<li class="{activeAddQuestion}">{msgQuestion}</li>
<li class="{activeOpenQuestions}">{msgOpenQuestions}</li>
</ul>
<ul class="nav pull-right">
[notLoggedIn]
<li class="{activeRegister}">{msgRegisterUser}</li>
<li class="divider-vertical"></li>
<li class="{activeLogin}">{msgLoginUser}</li>
[/notLoggedIn]
[userloggedIn]
<li class="{activeUserControl}">{msgUserControl}</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span title="{msgFullName}">{msgLoginName}</span><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>{msgUserControlDropDown}</li>
<li>{msgLogoutUser}</li>
</ul>
</li>
[/userloggedIn]
</ul>
</nav>
</div>
</div>
</div>
<section id="content" class="container-fluid">
<div class="row-fluid">
<div class="span3 hidden-print" id="leftContent">
<div class="well categories">
<ul class="nav nav-list">
<li class="home">{backToHome}</li>
<li>{allCategories}</li>
<li class="divider-horizontal"></li>
{showCategories}
</ul>
<div class="users-online">
<small>{userOnline}</small>
</div>
</div>
</div>
<div class="span6" id="mainContent">
[globalSearchBox]
<section class="well hidden-print" id="searchBox">
<form id="search" action="{writeSendAdress}" method="get" class="form-search" accept-charset="utf-8">
<div class="input-append">
<input type="hidden" name="searchcategory" value="{categoryId}" />
<input type="hidden" name="action" value="search" />
<input type="text" name="search" id="searchfield" placeholder="{searchBox} ..."
class="input-xlarge search-query" />
<button class="btn btn-primary" type="submit" name="submit">
{searchBox}
</button>
</div>
</form>
<small>{msgSearch}</small>
</section>
[/globalSearchBox]
[globalSuggestBox]
<section class="well hidden-print" id="searchBox">
<form id="instantform" action="?action=instantresponse" method="post" class="form-search" accept-charset="utf-8">
<input type="hidden" name="ajaxlanguage" id="ajaxlanguage" value="{ajaxlanguage}" />
<input type="search" name="search" id="instantfield" class="input-xxlarge search-query" value=""
placeholder="{msgDescriptionInstantResponse}" />
</form>
<small>{msgSearch}</small>
</section>
[/globalSuggestBox]
{writeContent}
</div>
<div class="span3 hidden-print" id="rightContent">
{rightBox}
[stickyFaqs]
<section class="well">
<header>
<h3>{stickyRecordsHeader}</h3>
</header>
<ul>
{stickyRecordsList}
</ul>
</section>
[/stickyFaqs]
</div>
</div>
</section>
<footer id="footer" class="container-fluid hidden-print">
<div class="row-fluid">
<div class="span6">
<ul class="footer-menu">
<li>{showSitemap}</li>
<li>{msgContact}</li>
<li>{msgGlossary}</li>
</ul>
</div>
<div class="span6">
<form action="{writeLangAdress}" method="post" class="pull-right" accept-charset="utf-8">
{switchLanguages}
<input type="hidden" name="action" value="" />
</form>
</div>
</div>
<div class="row">
<p class="copyright pull-right">
{copyright}
</p>
</div>
</footer>
</body>
</html>
bye
Thorsten