Wysłane przez
Jac
Powyższa linia musi być umieszczona w nagłówku dokumentu HTML, czyli pomiędzy tagami <head></head>.
Nagłówek ten w szablonie Joomla! występuje najczęściej w pliku index.php szablonu (ale nie jest to reguła).
No to na tę chwilę początek kodu w tym pliku wygląda tak:
Kod:
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
## SUNNART- Version 1.7.0 ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011 ##
## Date = OCTOBRE 2011 ##
## Author = globbers ##
## Websites = http://www.globbersthemes.com ##
## ##
#####################################################
****************************************************/
// no direct access
defined('_JEXEC') or die('Restricted access');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.framework', true);
$app = JFactory::getApplication();
$templateparams = $app->getTemplate(true)->params;
$csite_name = $app->getCfg('sitename');
$license = "globbersthemes.com";
?>
<?php #main width#
$mod_right = $this->countModules( 'position-7' );
if ( $mod_right ) { $width = '';
} else { $width = '-full';}
?>
<link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sunnart1.7/css/tdefaut.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sunnart1.7/css/joomlastyle.css" type="text/css" media="all" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-replace.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/Myriad Pro 400.font.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/slideshow.js"></script>
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("#slideshow").slideshow({
pauseSeconds:5,
height:230,
fadeSpeed:0.5,
width:857,
caption: false
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(' .navigation ul ').superfish({
delay: 1000,
animation: {opacity:'show',height:'show'},
speed: 'normal',
autoArrows: false,
dropShadows: false
});
});
</script>
</head>
Wysłane przez
Jac
Powyższa linia deklaruje czcionkę. Umieszczasz ją w pliku CSS szablonu, wskazując, jakiego elementu dotyczy.
Przykładowo, jeśli chcesz wyświetlić powyższą czcionkę w nagłówkach, piszesz w arkuszu CSS kod:
h1, h2, h3, h4, h5, h6 {font-family: 'Doppio One', sans-serif;}
Więcej wiedzy na ten temat spokojnie znajdziesz sam za pomocą jednej z popularnych wyszukiwarek.
No tak, tyle że trzeba jeszcze wiedzieć czego szukać :| W tym przypadku potrzebuję wyłącznie podmienić czcionkę odpowiadającą za "h2" bez tykania reszty ...
Swoją drogą w poniższym kawałku kodu eksperymentalnie zamieniłem
font-family: " trebuchet ms", tahoma, Arial, Helvetica, sans-serif;
na
font-family: 'Doppio One', sans-serif;
efekt w podglądzie jest taki:
CSS.jpg
czyli podmieniło globalnie (bo tak miało), ale PLiterki w tekście są conajmniej dziwne natomiast H2 jak PLiterek nie miał tak nie ma :|
To jest wspomniany kawałek CSS'a
Kod:
/****************************************************
#####################################################
##-------------------------------------------------##
## SUNNART- Version 1.7.0 ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011 ##
## Date = Decembre 2011 ##
## Author = globbers ##
## Websites = http://www.globbersthemes.com ##
## ##
#####################################################
****************************************************/
html {
height: 100%;
}
body{
margin:0;
padding:0;
text-align:center;
background:#fff url(../images/bg.jpg) 0 0 repeat;
font-size:12px;
color:#787878;
font-family: " trebuchet ms", tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
}
/*texte*/
p {
font-size: 100%;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4, h5, h6 {
font-size: 100%;
}
/* liens hypertextes*/
a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#9f9f9f;
}