PDA

Zobacz pełną wersję : globbersthemes.com - problem z kodowaniem polskich znaków w nagłówkach artykułów



Myszoor
28-08-2012, 18:02
Generalnie bardzo fajne szablony, tylko ten powyższy - dyskwalifikujący je - feler.

Czy można sobie z tym jakoś prosto poradzić?

PS
Pisałem do nich w tej sprawie - eMaile w EN bez odzewu :|

tomaszek83
28-08-2012, 22:03
Obstawiam że zmiana czcionki pomoże.

Myszoor
29-08-2012, 07:20
czy to siedzi w CSSie szablonu czy gdzieś indziej?

Jac
29-08-2012, 11:04
Facet tworzący te szablony jest Francuzem.
W swoich projektach używa czcionek, które nie posiadają polskich znaków.
Zatem to nie jest problem z kodowaniem.
Najszybciej i najłatwiej zmienisz czcionkę na jedną z dostępnych tutaj http://www.google.com/webfonts.
Te z polskimi znakami przefiltrujesz, wybierając po lewej stronie z listy rozwijanej: Script: Latin Extended.
Z tego co widzę, czcionek z polskimi znakami jest dostępnych w tej chwili ponad 200.
Sposób użycia opisany jest na wskazanej stronie przy każdej czcionce.

Myszoor
02-09-2012, 17:41
Kurcze, nigdy tego nie modyfikowałem i trochę nie ogarniam tematu :|


Sposób użycia opisany jest na wskazanej stronie przy każdej czcionce.

tam jest coś takiego

Add this code to your website:

<link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
do którego pliku się to dopisuje i w którym miejscu?

kolejna sprawa:


Integrate the fonts into your CSS:

font-family: 'Doppio One', sans-serif;

początek pliku "tdefaut.css" tego szablonu (Sunnart) idzie tak:


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;

}
czy to tutaj trzeba coś modyfikować?

Jac
02-09-2012, 20:15
<link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
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).


font-family: 'Doppio One', sans-serif;
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.

Myszoor
02-09-2012, 21:14
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:


<?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>




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:

5800

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


/************************************************** **
################################################## ###
##-------------------------------------------------##
## 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;

}

Jac
03-09-2012, 10:22
A zaznaczyłeś na stronie Google Web Fonts, jaki chcesz mieć zestaw znaków?
Powinieneś wybrać (poza domyślnym Latin): Latin Extended (latin-ext).


Wtedy kod do wstawienia w nagłówku strony będzie wyglądać tak:

<link href='http://fonts.googleapis.com/css?family=Doppio+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

Barszcz
04-09-2012, 14:21
Zmień plik Myriad Pro 400.font.js na czcionke z polskimi znakami, w katalogu nadrzednym w index.php dodaj dostęp do nowego pliku.

Myszoor
09-09-2012, 17:45
Zmień plik Myriad Pro 400.font.js na czcionke z polskimi znakami, w katalogu nadrzednym w index.php dodaj dostęp do nowego pliku.
zaczyna dzwonić :)

z tej strony: http://sourceforge.net/projects/sourcesans.adobe/files/ za pomocą tego generatora: http://typeface.neocracy.org/fonts.html skonwertowałem jeden z fontów i ... zagrało :)

dzięki - kliknięte też :D