template corporate

V tejto téme sa nachádzajú šablóny (templaty, vzhľady) pre Etomite.

Moderátor: Moderators

Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

template corporate

Príspevok od používateľa Marek Adamec »

zacal som v jednom svojom vebe pouzivat templat corporate ale mom problem zmenit vzhlad pisma v terajsieho na arial 10 ked si pozriem html kod tak vsetko co napisem je uvedene v:

Kód: Vybrať všetko

<p> text </p>
ked chcem zmenit pismo ako som to robil v starej verzii etomite tak v tejto mi to nejde, pozmene mi pismo este viac zmensi a je tam riadkovanie asi 1,5 a nie 1. ako nato treba to zmenit v css?
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:

Re: template corporate

Príspevok od používateľa _rasel^ »

Vezria Etomite sama o sebe neurčuje finálny vzhľad stránky - celý vzhľad stránky záleží len od použitého templatu. Jednotlivé templaty sa od seba veľmi odlišujú... t. zn. že ak si v jednom template zmenil vzhľad písma v CSS pomocou nejakého kódu, tak v inom template podobná funkcionalita samozrejme fungovať už nemusí, pretože každý templat je unikátny z pohľady stavby HTML a štruktúry CSS.

Z uvedeného kódu si môžem tipnúť, že bude stačiť:

Kód: Vybrať všetko

p { font-family: Arial; font-size: 10px; }
... ale tento CSS zápis definuje typ fontu pre každý element P na stránke. Ak by som mal presne napísať čo treba zmeniť, tak musím brať do úvahy samotnú štruktúru HTML prípadne iné CSS kódy, či sa to náhodou nebude medzi sebou byť...

Ak sem šmaríš kód celého templatu, tak ti napíšem presne čo treba zmeniť a prečo.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Re: template corporate

Príspevok od používateľa Marek Adamec »

tu je cely kod css, po nejakych mojich upravach designu... :

Kód: Vybrať všetko

@charset "utf-8";
@import url(nav.css);
/* CSS Document */



/* Blanket Styles*/
body {
	background:url(images/BG.gif);
	margin: 0; padding: 0;
	font-size: small;
	color: #383838;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}
 
img {
	border-style: none;
}

* {
	margin: 0; padding: 0;
	}
 
a:link, a:visited {
	color: #383838;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color: #585858;
	}
 
 
 
/* Conatiner */ 
#container {
	background-color: #fff;
	width: 845px;
	margin: 0 auto;
	overflow: hidden;
	}

/* Header */
#container h1 {
	width: 900px; /* 600 */
	height: 1px; /* 42 */ /* 22 */
	margin: 1px 0 0 18px; /* 28 */
	float: left;
	font-family :Ligurino, Verdana, "Arial Rounded MT Bold", Arial, Georgia, "Times New Roman", Times, serif;
	font-size:36px;`
	}




/* Info */
#info {
	background: url(images/info_bg.gif) no-repeat;
	width: 823px;
	height: 161px;
	margin: 0 auto;
	clear: both;
	}
	
#info h2 {
	font: 100 140% Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
	color: #464646;
	padding: 22px 0 0 25px;
	}
	
#info p {
	width: 220px;
	color: #898888;
	padding: 5px 0 0 25px;
	}
	
#whatisthis {
	float: left;
	width: 300px;
	}
	
#templatetypes {
	float:left;
	width: 200px;
	padding: 21px 0 0 66px;
	}
	
#supportlinks {
	float: right;
	width: 155px;
	padding: 21px 50px 0;
	}
	
#info ul {
	list-style-image: url(images/bullet.gif);
}

#info li {
	line-height: 22px;
	}
	
#info a:link, #info a:visited {
	color: #585858;
	text-decoration: none;
	}
	
#info a:hover, #info a:active {
	color: #585858;
	background-color: #FFFFFF;
	}
	
	
	
/* Main Content Area */
#content_main {
	width: 620px;
	padding: 0 0 0 15px;
	margin: 20px 0;
	float: left;
	text-align: justify;
	margin-left: 5px;
	}
	
#content_main p {
	line-height: 23px;
	display: block;
	text-align: left;
	padding-bottom: 10px;
	}	
	
#nav_main {
	float: right;
	width: 160px;
	background: url(images/r_bg.gif) repeat-y;
	height: 800px; /* 400 dlzka ciary medzi reklamou */
	padding: 0 0px 0 25px; 
	margin: 5px 0; /* 32 horna medzera ciary */
	}
	
#nav_main ul {
	list-style: none;
	}
	
#nav_main ul li {
	line-height: 23px;
	}
	
#nav_main a:link, #nav_main a:visited {
	color: #383838;
	text-decoration: none;
	}
	
#nav_main  a:hover, #info a:active {
	color: #585858;
	}
	
#card {
	float: left;
	}
	
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: 100;
	}
	
h4 {
	color: #bbbbbb;
	font-family: "Times New Roman", Times, serif;
	font-weight: 100;
	padding-bottom: 8px;
	}
	
hr { 
	border: 0;
	color: #d7d5cb;
	background: #d7d5cb;
	height: 1px;
	margin: 15px 0 20px 0;
}	
	
/* Footer */
#footer {
	width: 822px;
	color: #fff;
	font-size: 85%;
	margin: 20px auto;
	padding-bottom: 20px;
	}	
	
#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#copyright {
	float: left;
	}
	
#nav_footer {
	float: right;
	list-style: none;
	}
	
#nav_footer li {
	float: left;
	}
	
	/* Special Formatting */

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #666666;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #666666;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

.float-left  { float: left; padding-right: 5px; }
.float-right { float: right; padding-left: 5px; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* Table Styling */

table {
	border-collapse: collapse;
	margin: 10px 15px;	
}

th strong {
	color: #fff;
}

th {
	background: #717170;
	background-image:url(images/nav/nav_bg.png); background-repeat:repeat-x;
	height: 35px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #999999;
	border-bottom: solid 2px #FFF;
}

tr {
	height: 30px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}

td.first,th.first {
	border-left: 0px;
}

tr.row-a {
	background: #F8F8F8;
}

tr.row-b {
	background: #EFEFEF;
}

/* form styling */

form {
	margin:10px 15px; padding: 5px;
	border: 1px solid #EEEEEE; 
	background-color: #FAFAFA; 
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

input {
	width: 275px;
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}

textarea {
	width:375px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}
Dalej by som sa chcel spytat ako zmazem na spodu stranky text, len ho nikde nemozem najst ani v administracii ani v css subore, mozno sa to niekomu podari najst, nachadza sa to uplne naspodu (Powered by Etomite CMS. ) a je to na www.montblanc.navrchol.sk
Napísať odpoveď