Какво да напиша в цсс и HTML за да...

NewNewbie

Registered
Значи трябва ми да си променя шрифта на
Код:
Verdana, Arial, Helvetica, sans-serif
обаче незнам какво да напиша в HTML и CSS моля ви помощ :cry:
 
NewNewbie каза:
Значи трябва ми да си променя шрифта на
Код:
Verdana, Arial, Helvetica, sans-serif
обаче незнам какво да напиша в HTML и CSS моля ви помощ :cry:
Код:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.class {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
</style>
</head>

<body>
<p class="class">Пример</p>
</body>
</html>
Пример!!!
 
Всъщност може и да стане така..

Това в body-то на CSS-а

font: normal 13px "Trebuchet MS",sans-serif;

КАто си заменяш шрифта :wink:
 
охх моля ви се направете ми го ето index.php
Код:
<?php
session_start();
include("config.php");
?>
<html>
<head>
<title>BgLife - Създай своя блестящ бизнес!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="link.css" type=text/css rel=stylesheet>
<style>
.class {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
</style> 
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="992" height="957" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
		<td colspan="8"><img src="images/header.gif" width="991" height="198" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="198" alt=""></td>
  </tr>
	<tr>
		<td colspan="8" align="left" background="images/header-menu.gif">
		<p align="center">   <font color="#FFFFFF" face="arial">Скоро тук ще има статистика </font></td>
<td>
			<img src="images/spacer.gif" width="1" height="42" alt=""></td>
	</tr>
	<tr>
		<td colspan="8">
			<img src="images/menu-part1.gif" width="991" height="2" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/menu-part2.gif" width="2" height="36" alt=""></td>
		<td background="images/menu-text.gif"><font face=Verdana><div align="center" class="style1">МЕНЮ</div></font></td>
<td colspan="2" rowspan="6" background="images/menu-line.gif"> </td>
	  <td background="images/index-menu-text.gif"></td>
<td rowspan="16" background="images/menu-line2.gif"> </td>
	  <td rowspan="2" background="images/menu-text2.gif"><div align="center" class="style1"></div></td>
<td rowspan="8">
			<img src="images/menu-line3.gif" width="1" height="496" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="28" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/menu-and-menu.gif" width="193" height="8" alt=""></td>
	  <td rowspan="8" valign="top" background="images/index-bg.gif"> <div align="center">
		  <p>.</p>
		</div><center>
<?php include("check.php");
if($_GET['a']) {
$page = htmlspecialchars($_GET['a']);
include("".$page.".php"); } else {
include("news.php"); } ?></center></td>
        <td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/menu-and-menu2.gif" width="194" height="4" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
    
		<td colspan="2" rowspan="3" align="left" valign="top" background="images/l-menu-bg.gif">
        <p align="justify"><center><?php include ( 'menu.php' ) ?></center></p>		</td>
<td valign="top" background="images/r-menu-bg.gif">
        <p align="justify"><center>
	<?php if($_SESSION['name']) { include ( 'stats.php' ); } ?></center></p>	  </td>
<td>
			<img src="images/spacer.gif" width="1" height="178" alt=""></td>
	</tr>
	<tr>
		<td background="images/menu-tekst3.gif"><div align="center" class="style1"></div></td>
<td>
			<img src="images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2" background="images/r2-menu-bg.gif"> </td>
<td>
			<img src="images/spacer.gif" width="1" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="9" background="images/man.gif"> </td>
<td rowspan="10">
			<img src="images/menu-line4.gif" width="4" height="435" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="200" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/menu-and-menu3.gif" width="194" height="17" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" background="images/menu-tekst5.gif"><div align="center" class="style1">Брояч</div></td>
<td>
			<img src="images/spacer.gif" width="1" height="28" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index-and-reklama.gif" width="582" height="9" alt=""></td>
		<td colspan="2">
			<img src="images/just-part.gif" width="195" height="4" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4" background="images/r3-menu-bg.gif"> </td>
<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td background="images/reklama-menu-tekst.gif"> </td>
<td>
			<img src="images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/reklama-end.gif" width="582" height="5" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td valign="top" background="images/reklama-bg.gif"> </td>
<td>
			<img src="images/spacer.gif" width="1" height="100" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2" background="images/footer-part1.gif">                                         
		<b><font color="#FFFFFF"><br>                                            BG Life       
		<span lang="bg">Всички права запазени</span>    
		</font></b></td>
<td colspan="2" rowspan="2" align="center" valign="middle" background="images/footer-part2.gif"><span class="style2"><strong><br/>s1lv3r web design</strong></span></td>
<td>
			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" background="images/footer-part3.gif"> </td>
<td>
			<img src="images/spacer.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="193" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="582" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="194" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td></td>
	</tr>
</table>

</body>
</html>
 
Сега аз доколкото виждам и разбирам CSS, трябва в този файл link.css да посочиш следното:
Код:
body {
font-family:Verdana, Arial, Helvetica, sans-serif; 
}
Така, ще стане шрифта ти навсякъде този Verdana!
A има една особеност,ако ти го нЕмаш на компа този шрифт няма и да стане,защото ако погледнеш последователноста на шрифтовете,ше забележиш че първо се проверява за първия, ако го нямаш минава на следващия!Дано си ме разбрал! :?:
Демек, затова се слага тази последователност от няколко шрифта!Има вероятност потребител разглеждащ твой сайт, да няма инсталиран шрифт, който ти си посочил, така че минава на този по ред,който самия потребител има :lol:
 
Ти направи ли както ти казах, да напишеш във файла link.css следното:
Код:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
???
Ако напишеш това, шрифта на цялата страница ще стане желания от теб, ОСВЕН ако изрично не зададеш на определен таг друг стил! :?:
 
да ето виж

Код:
body {
font-family:Verdana, Arial, Helvetica, sans-serif, Arial Black;
} 
a {color: #828282; text-decoration: none;}
a:hover {color: #a9a9a9; text-decoration: none;}
a:visited {color: #828282; text-decoration: none;}
 font: normal 13px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
}
 
NewNewbie каза:
да ето виж

Код:
body {
font-family:Verdana, Arial, Helvetica, sans-serif, Arial Black;
} 
a {color: #828282; text-decoration: none;}
a:hover {color: #a9a9a9; text-decoration: none;}
a:visited {color: #828282; text-decoration: none;}
 font: normal 13px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
}
Имаш грешка!Трябва да е:
body {
font-family:Verdana, Arial, Helvetica, sans-serif, Arial Black;
}
a:link {color: #828282; text-decoration: none;}
a:hover {color: #a9a9a9; text-decoration: none;}
a:visited {color: #828282; text-decoration: none;}
font: normal 13px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
}
 
body {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}

a:link {
color: #828282;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:hover {
color: #a9a9a9;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:visited {
color: #828282;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
}
 
NewNewbie каза:
Дизайна се бъгна :@ :cry:

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link {
color: #828282;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:hover {
color: #a9a9a9;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:visited {
color: #828282;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
}
И ако кажеш какво се бъгна?
:roll:
И къде слагаш кода...
Във някакъ file.css ли?
или между <head></head>
? :roll:
 
иначе се бъгна менюто като си логнат

във файл го слагам

оправих се... един по тъпичък от екипа беше написа твърде дълга новина :)
 
NewNewbie каза:
иначе се бъгна менюто като си логнат

във файл го слагам
ако ти трябва един и същ шрифт за цялата страницата можеш да го зададеш като глобал или:
Код:
* { font-family: тук пишеш шрифта;
       font-size: тук пишеш размера на буквите;
       font-align: тук пишеш какво подравняване ти трябва; }
ако ти трябва за определен div ето:
Код:
div.imeto {
font-family: тук пишеш шрифта;
font-size: тук пишеш размера на буквите;
font-align: тук пишеш какво подравняване ти трябва;
}
 

Back
Горе