Strana 1 z 1

template corporate

Napísané: So Dec 06, 2008 10:25 am
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?

Re: template corporate

Napísané: So Dec 06, 2008 11:48 am
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.

Re: template corporate

Napísané: Pi Dec 12, 2008 11:04 pm
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