Skocz do zawartości

Styl get simple - zmiana headera


Kane
 Udostępnij

Rekomendowane odpowiedzi

 Sprawa wyglada tak, ze chcialbym czerwony header: 

D2FFyhR.png

 

Zmienić na inny kolor, lub obraz, np. https://ak6.picdn.net/shutterstock/videos/925066/thumb/1.jpg

 

 

Szablon:

 

 

<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
	 	/****************************************************	*	* @File: template.php	* @Package: GetSimple	* @Action: Cardinal theme for GetSimple CMS	*	*****************************************************/	?>	<!DOCTYPE html>	<html>	<head>	 	<!-- Site Title -->	<title><?php get_page_clean_title(); ?> &lt; <?php get_site_name(); ?></title>	<?php get_header(); ?>	<meta name="robots" content="index, follow" />	<meta charset="utf-8">	<link rel="stylesheet" type="text/css" href="<?php get_theme_url(); ?>/style.css" media="all" />	 	</head>	<body id="<?php get_page_slug(); ?>" >	 	<div id="wrapper">	 	<div id="header">	 	<ul id="nav">	<?php get_navigation(return_page_slug()); ?>	</ul>	 	<span class="logo2"><?php get_site_name(); ?></span>	<a class="logo" href="<?php get_site_url(); ?>"><?php get_site_name(); ?></a>	 	</div><!-- end header -->	 	<div id="content">	<h1><?php get_page_title(); ?></h1>	<div id="page-content">	<div class="page-text">	<?php get_page_content(); ?>	<p class="page-meta">Published on &nbsp;<span><?php get_page_date('F jS, Y'); ?></span></p>	</div>	</div>	</div>	 	<div id="sidebar">	<div class="section">	<?php get_component('sidebar'); ?>	</div>	<div class="section credits">	<p><?php echo date('Y'); ?> - <strong><?php get_site_name(); ?></strong></p>	<p>	Cardinal Theme by <a href="http://www.cagintranet.com" >Cagintranet</a><br />	<?php get_site_credits(); ?>	</p>	</div>	</div>	 	<div class="clear"></div>	 	<?php get_footer(); ?>	 	</div><!-- end wrapper -->	</body>
</html>

 

 

CSS szablonu:

 

 

/** GLOBAL RESETS **/
	 	:link,:visited {text-decoration:none}	h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}	ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}	a img,:link img,:visited img {border:none}	 	/** GLOBAL SETS **/	.clear {clear:both;}	.hidden {display:none;}	body {margin:0 0 50px 0;font-size:13px;color:#222;font-family:arial,lucida,tahoma, helvetica, verdana;background:#FFF url(images/bg.png) top repeat-x;text-align:center;}	a:link, a:visited {color:#BA0000;text-decoration:underline;}	a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}	#wrapper {width:925px;margin-right:auto;margin-left:auto;}	 	#header {position:relative;height:180px;}	#homepage #header {position:relative;height:415px;}	 	#header #nav {position:absolute;top:10px;left:0;list-style:none;}	#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}	#header #nav li a {display:block;line-height:30px;padding:0 10px;}	#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}	#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}	#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}	 	#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:absolute;top:68px;left:0;	color:#fff;	font-size:52px;	text-transform:uppercase;	font-family:Arial;	letter-spacing:-2px;	text-decoration:none;	}	#header span.logo2 {position:absolute;top:70px;left:2px;	color:#7C1B1B;	font-size:52px;	text-transform:uppercase;	font-family:Arial;	letter-spacing:-2px;	}	#content {text-align:left;}	 	#content h1 {font-size:40px;font-family:arial;line-height:40px;letter-spacing:-2px;margin:25px 0 20px 0;}	#content h2 {font-size:25px;font-family:arial;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}	#content h3 {font-family:arial;font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}	#content h4 {font-family:arial;font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}	#content h5 {font-family:arial;font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}	#content h6 {font-family:arial;font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}	 	#content #page-content {float:left;width:575px}	.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}	.page-meta span {text-transform:none;color:#BA0000;font-size:15px;font-family:georgia;}	 	#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}	#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}	#content .page-text ul, #content .page-text ol {margin-left:25px;}	#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {	margin:0 0 0 25px;	}	#content .page-text blockquote {	margin:0 0 22px 20px;	line-height: 19px;	font-size:13px;	color:#666;	font-style:italic;	border-left:2px solid #ccc;	padding:0 0 0 15px;	}	#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}	#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}	 	#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}	 	#sidebar {width:300px;float:right;border:1px solid #ccc;background:#f6f6f6;margin-bottom:50px;}	 	.section {padding:30px 20px 20px 20px;text-align:left;}	.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}	.section ul, .section ol {margin-left:20px;}	.section ul ul, .section ol ul, .section ul ol, .section ol ol {	margin:0 0 0 20px;	}	.section h2 {color:#BA0000;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}	.section h3 {color:#BA0000;font-family:arial;font-size:19px;margin:0 0 10px 0;}	.section h4 {color:#BA0000;font-family:arial;font-size:15px;margin:0 0 10px 0;}	.section h5 {color:#BA0000;font-family:arial;font-size:13px;margin:0 0 10px 0;}	.section h6 {color:#BA0000;font-family:arial;font-size:10px;margin:0 0 10px 0;}	 	.section blockquote {	margin:0 0 20px 20px;	line-height: 19px;	font-size:12px;	color:#666;	font-style:italic;	border-left:2px solid #ccc;	padding:0 0 0 15px;	}	.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}	.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}	 	.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}	.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}	.credits a:link, .credits a:visited {color:#666;}
	.credits a:hover {color:#333}

 

 

Czytelniej: https://pastebin.com/SZQeJ3XJ

 

No i nie mam pojecia jak sie za to zabrac...

Edytowane przez Kane
Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 tygodnie później...

@Rafał 

Miałem bardzo dużo czasu na ogarnięcie tego, udało się.

 

Powiem Ci ten plik był w ciekawych rozmiarach... Coś ala 30x1980. Żadne inne pliki, tj. obrazki, bg, nie działaly. Musiałem zmienić kolor z czerwonego na swój w pliku bg.png za pomocą programu graficznego. Jakiegoś innego background'a, takiego co nie jest tylko kolorem, wciąż nie potrafię zrobić. 

Odnośnik do komentarza
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

 Udostępnij

Wiadomości

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.