PDA

Zobacz pełną wersję : Polskie znaki, top menu



PaFcio91
11-02-2014, 21:35
Witam.
Na początku jestem zmuszony prosić o w miarę łopatologiczne tłumaczenie, gdyż jestem kompletnie początkującym użytkownikiem z dość poważnym zadaniem ogarnięcia Joomli w parę dni.

Zainstalowałem szablon zwany "intivestcorp" ze strony templatki.com. Wygląda w porządku, jednak problem tkwi w top menu, w którym polskie znaki co prawda się wyświetlają, ale nie tak, jak powinny. Na wielu stronach szukałem rozwiązania, jednak każde dotyczyło wyrażeń znajdujących się w pliku index.php szablonu, które jednak nie znajdują się w pliku tej templatki:

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” />
lub
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />

Posługuję się Joomlą 3.2.1.
Mój plik index.php wygląda następująco (wklejam w całości, gdyż nie wiem co jest najważniejsze):

<?php /************************************************** **
################################################## ###
##-------------------------------------------------##
## INTIVEST CORP ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2013 ##
## Date = novembre 2013 ##
## Author = globbers ##
## Websites = http://www.globbersthemes.com ##
## version (joomla) ##
## ##
################################################## ###
************************************************** **/


defined('_JEXEC') or die('Restricted access');


?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<jdoc:include type="head" />

<?php
JHtml::_('behavior.framework', true);
$app = JFactory::getApplication();
$csite_name = $app->getCfg('sitename');
?>

<?php
$mod_right = $this->countModules( 'position-7' );
if ( $mod_right ) { $width = ''; } else { $width = '-full';}
?>

<?php
$logo = $this->params->get("logo", "intivest corp");

?>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/joomlastyle.css" type="text/css" />
<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/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>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/DD_roundies_0.0.2a-min.js"></script>


<link href='http://fonts.googleapis.com/css?family=Oswald:100,300,400,700,900,100italic,30 0italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700,900,100italic ,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>


<script type="text/javascript">
DD_roundies.addRule('.box, .box .moduletable h3, .box .moduletable_menu h3, #wrapper-main, #search, #right, .readmore a, .pagination a ', '6px', true);
</script>



<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#slideshow").slideshow({
pauseSeconds:5,
height:334,
fadeSpeed:0.5,
width:681,
caption: true
});
});
</script>

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j(' .navigation ul ').superfish({
delay: 500,
animation: {opacity:'show',height:'show'},
speed: 'slow',
autoArrows: false,
dropShadows: false
});
});
</script>
</head>
<body>
<div id="topmenu">
<div class="pagewidth">
<div id="name">
<div id="sitename">
<a href="index.php"><?php echo $logo ?></a>
</div>
<div id="search">
<jdoc:include type="modules" name="position-0" />
</div>
</div>
<div id="menu">
<div class="navigation">
<jdoc:include type="modules" name="position-1" />
</div>
</div>
</div>
</div>
<div class="pagewidth">
<?php if ($this->countModules('position-2') || $this->countModules('position-0')) { ?>
<div id="pathway-w">
<div id="pathway">
<jdoc:include type="modules" name="position-2" />
</div>
</div>
<?php } ?>
</div>
<?php $menu = JSite::getMenu(); ?>
<?php $lang = JFactory::getLanguage(); ?>
<?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
<?php if ($this->params->get( 'slidedisable' )) : ?> <?php include "slideshow.php"; ?><?php endif; ?>
<?php } ?>
<div class="pagewidth">
<div id="wrapper-main">
<div id="main<?php echo $width; ?>">
<jdoc:include type="component" />
</div>
<?php if($this->countModules('position-7')) : ?>
<div id="right">
<jdoc:include type="modules" name="position-7" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php if ($this->countModules('position-3') || $this->countModules('position-4') || $this->countModules('position-6')) { ?>
<div id="wrapper-box">
<div class="box">
<jdoc:include type="modules" name="position-3" style="xhtml" />
</div>
<div class="box">
<jdoc:include type="modules" name="position-4" style="xhtml" />
</div>
<div class="box">
<jdoc:include type="modules" name="position-6" style="xhtml" />
</div>
</div>
<?php } ?>
</div>
<div id="ft">
<div class="pagewidth">
<div id="ftb-f">
<div class="ftb">
<?php echo date( 'Y' ); ?>&nbsp; <?php echo $csite_name; ?>&nbsp;&nbsp;&copy;&nbsp;<?php require("template.php"); ?>
</div>
</div>
<div id="top">
<div class="top_button">
<a href="#" onclick="scrollToTop();return false;">
<img src="templates/<?php echo $this->template ?>/images/top.png" width="30" height="30" alt="top" /></a>
</div>
</div>
</div>
</div>
</body>
</html>

Szukałem tych wyrażeń również w plikach index.php innych szablonów, ale również nie mogłem ich znaleźć. Proszę o pomoc, będę naprawdę wdzięczny.

Bazyl
11-02-2014, 21:47
Cześć,

Nie wiem, co to za szablon, ale strzelam, że czcionka nie ma polskich liter.
Poszukaj innej czcionki. Zapewne ustawienie możesz zmienić w administracji szablonem

PaFcio91
11-02-2014, 21:50
Cześć :)

A mógłbyś podpowiedzieć mi gdzie taka administracja szablonem jest? No i jak "wgrać" tam czcionkę z polskimi literami?
Domyślam się, że pytania te są dennie głupie, więc z góry przepraszam.

Bazyl
11-02-2014, 21:54
Wydaje mi się, że w ustawieniach szablonu wpisujesz tylko nazwę czcionki Google.
Znajdź czcionkę google z ogonkami...

zwiastun
11-02-2014, 21:59
Domyślam się, że pytania te są dennie głupie, więc z góry przepraszam.
Nie przepraszaj (i nie proś o łopatologiczne wykłady), tylko rusz na poszukiwanie podstawowych informacji, bo bez zielonego pojęcia to nawet nie zrozumiesz, co Ci będzie ktoś doradzać.
Elementarz o stosowaniu szablonów:
Pierwsze kroki z szablonami (http://wiki.joomla.pl/J3.5:Pierwsze_kroki_z_szablonami)
Quickstart v.s framework... (http://www.joomla.pl/start-nowiny/publikacje/quickstart-vs-szablon-roznice-zalety-i-wady)
Szablony w Joomla 3.x (http://www.joomla.pl/start-nowiny/publikacje/szablony-w-joomla-3-x-cz-1)

ponadto poszukaj informacji o webfontach, bo w nich tkwi Twój problem.

PaFcio91
11-02-2014, 22:16
Właśnie nie wiem o jakie ustawienia chodzi.
Kiedy wybieram: Rozszerzenia -> Szablony -> klikam na ten szablon, wyświetlają się jedynie zakładki: Szczegóły Wzbogacone Przypisz do pozycji menu
Kiedy wybieram: Rozszerzenia -> Szablony -> po lewej jeszcze raz "Szablony -> Znajduję szablon i mam do kliknięcia Podgląd (który raczej tu nie pasuje) oraz "Intivestcorp - szczegóły", w które wchodzę -> wyświetla się edytor z plikami szablonu oraz dwie inne zakładki Twórz nadpisanie Opis szablonu, w których ani słowa o czcionce.

- - - Updated - - -

OK, poczytałem nieco.

U mnie prawdopodobnie jest problem taki, że ten szablon nie daje możliwości zarządzania nim przez "Wzbogacone", gdyż wyświetlają się tam wyłącznie ubogie opcje, dotyczące jedynie zawartości slidera. Czy istnieje zatem inna możliwość ustawienia czcionki z polskimi znakami, np poprzez edycję plików szablonu?

zwiastun
11-02-2014, 22:21
Usuń z arkusza stylów czcionkę 'open sans'

PaFcio91
11-02-2014, 22:29
Z pliku default.css (w joomlastyle.css nie znalazłem nic związanego z 'open sans') usunąłem obszar zaznaczony niżej na czerwono - nic się nie zmieniło. Znaki nadal są takie, jakie były.


html {
height: 100%;


}


body{
margin:0;
padding:0;
text-align:center;
background:transparent url(../images/bg.jpg) 0 0 repeat;
font-size:13px;
color:#aaaaaa;
font-family: 'open sans', Helvetica, Arial;
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:bold;
color:#aaaaaa;


}


a:hover {
color:#202e3b;


}


ul {
margin:0;
padding-left:20px;


}


li {
list-style-type:square;
background:transparent;
margin: 4px;


}


img {
border:none;
margin:0 10px 0 10px;
padding:0;


}


img .caption {
text-align: left;


}


.highlight{
background:#e5eff8;
padding: 0px 2px 0px 2px;
color:#202c38;


}


.button {
background:#e5eff8;
border:none;
color:#202c38;
font-weight:bold;
padding:4px;


}


.inputbox {
color:#202c38;
background:#e5eff8;
border:none;
padding:4px;
font-weight:normal;


}


.pagewidth{
width:925px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;


}


label {
text-align:left;
color:#758997;


}


fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;


}


.clr {
clear:both;


}


/*********************/
#topmenu {
float:left;
width:100%;
height:134px;
background: url(../images/bg-top.jpg) 0 0 repeat-x;


}


#name {
float:left;
width:100%;
height:77px;
background:transparent;


}


#sitename {
float:left;
width:700px;
height:39px;
text-align:left;
margin-top:-10px !important;
}


#sitename a {
font-size:35px;
color:#fff;
text-align:left;
font-family: oswald, 'open sans', Helvetica, Arial, sans-serif;
text-transform:uppercase;
margin-top:-6px !important;


}


#sitename a:hover {
color:#ffda57;
text-align:left;


}


#menu {
float:left;
width:100%;
height:57px;
background:transparent url(../images/bg-menu.jpg) repeat-y 0 0 ;


}


.navigation {
float:left;
width: 925px;
text-align:center;


}


.navigation ul {
list-style: none;
margin:0;
padding:0;
float: left;


}


.navigation ul ul {
margin: 0; /* all lists */
padding: 0;


}


.navigation ul li {
margin:0;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;

}


.navigation ul li ul {
width: 180px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 180px;


}


.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */


}


.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;


}


.navigation ul ul a {
width: 180px;


}


.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;

}


/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;

}


/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 18px 18px 0 18px ;
margin:0;
display: block;
font-weight: normal;
font-size:14px;
text-transform:uppercase;
height:42px;
background:transparent;
color:#fff;
font-family: oswald, 'open sans', Helvetica, Arial, sans-serif;


}


.navigation ul li {
background:transparent;
height:57px;
background:transparent url(../images/bg-menu.jpg) repeat-y 100% 0 ;


}


.navigation ul li span {
background:transparent;
height:42px;
padding:0px ;
margin:0 ;

}


.navigation li.active a {
color:#ffda57;
height:42px ;
background:transparent ;


}


.navigation li:hover a {
color:#ffda57;
height:42px ;
background:#transparent;


}


/* 2nd level and above */
.navigation ul li ul {
text-align:left !important;
background:#212d39 ;
width:200px;
margin-top:-4px;
margin-bottom:15px;
border:none !important;


}


.navigation ul li ul li {
height:50px !important;
border-bottom:1px solid #000000;
border-top:1px solid #3e4852;
}


.navigation ul li ul li a{
padding-top:18px !important;
color:#fff!important;
border:none !important;
font-size:12px !important;


}


.navigation ul li ul li a:hover{
color:#ffda57 !important;


}


.navigation ul li ul li ul {
margin-left:190px;
margin-top: -30px;
text-align:left !important;


}


.navigation ul li ul li.active {
height:40px ;
background:none !important ;


}


.navigation ul li ul li.active span {
height:40px ;
background:none !important ;
}


.navigation ul li ul li.active a {
height:40px ;
background:none !important ;


}


.navigation ul li ul li {
height:40px ;
background:none !important ;


}


.navigation ul li ul li span {
height:40px ;
background:none !important;


}


.navigation ul li ul li a {
height:40px ;
background:none !important;


}


/***********************/
#pathway-w {
float:left;
border:1px solid #e4e4e4;
background:#efefef ;
width:925px;
height:50px;


}


#pathway {
float:left;
text-align:left;
font-weight:bold;
margin-top:15px;
margin-left:15px;
padding-left:25px;
background: url(../images/h3.png) no-repeat 0 1px ;
width:900px;
color:#444;


}


#search {
float:left;
width:200px;
height:25px;
border:1px solid #e4e4e4;
background:#efefef ;
margin-top:25px;
margin-left:0px;


}


#search .inputbox {
text-align:left;
color:#444 !important;
font-weight:bold;
background:transparent;


}


/****SLIDE*********/
#wrapper-slide{
float:left;
width:100%;
height:570px;
background:transparent;


}


#slide-bg{
float:left;
width:100%;
height:471px;
background:transparent;


}


#slide {
float:left;
width:905px;
height:443px !important;
border:1px solid #e4e4e4;
background:#efefef ;
margin-top:40px;
margin-left:0px;
position:relative;
padding:10px;


}


#slideshow-w {
float:left;
width:905px;
height:443px !important;
margin:5px 0 0 5px;


}


#slideshow {
float:left;
width:905px;
height:443px;
background:transparent;
position:relative;


}


.slideshowlite {
float:left !important;
width: 9px;
height: 280px;
padding:0;
margin:0;


}


.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;


}


.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;


}


.slideshowlite ul {
position: absolute;
margin-top: 470px;
left:400px !important;
z-index: 9;
list-style-type:none;
background:transparent;
width:75px;
height:25px;




}


.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 14px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;


}


.slideshowlite ul li a {
background: url(../images/button-slide.jpg) 0 0 no-repeat;
position: relative;
display: block;
width: 14px !important;
height: 14px !important;
float: left;
line-height: 23px;
text-decoration: none;
text-align: center !important;
font-size: 12px;
font-weight: bold;
color: #fff !important;
border:none !important;
text-indent:-5000px;
margin-top:5px;
margin-left:0;


}


.slideshowlite ul li a.current {
background: url(../images/current.jpg) 0 0 no-repeat;


}


.slideshowlite ul li a:hover {
background: url(../images/current.jpg) 0 0 no-repeat;


}

.slideshowlite ol {
display: none;


}


/*************************/
#wrapper-box {
float:left;
width:940px;
background:transparent;
margin-bottom:35px;
margin-top:15px;


}


.box {
float:left;
width:290px;
background:#f4f4f4;
border:1px solid #e4e4e4;
margin-left:15px;


}


.box .moduletable,
.box .moduletable_menu {
text-align:left;
background:transparent;
width:270px;
margin-left:10px;
color:#aaaaaa;
padding-bottom:15px;


}


.box .moduletable h3,
.box .moduletable_menu h3{
font-size:15px;
border:1px solid #e4e4e4;
height:32px;
text-transform:uppercase;
font-weight:bold;
padding-top:15px;
padding-left:15px;
color:#202e3b;
background:#e5eff8 url(../images/h3.png) 97% 15px no-repeat;


}


.box .moduletable a,
.box .moduletable_menu a {
color:#aaaaaa;


}


.box .moduletable a:hover,
.box .moduletable_menu a:hover {
color:#527988;


}


/***********************/
#wrapper-main {
float:left;
width:905px;
background:#f2f2f2;
border:1px solid #e4e4e4;
margin-left:15px;
margin-bottom:20px;


}


/**************************/
#main {
float:left;
width:590px;
background:transparent;
text-align:left;
margin-left:15px;




}


#main-full {
float:left;
background:transparent;
text-align:left;
width:875px;
margin-left:15px;


}


/**************************/
#right {
float:left;
width:270px;
margin-left:15px;
margin-top:15px;
border:1px solid #e4e4e4;
background:#f4f4f4 ;
text-align:left;


}


#right .moduletable,
#right .moduletable_menu {
background:transparent;
margin-bottom:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;


}


#right .moduletable h3,
#right .moduletable_menu h3{
color:#202e3b;
background:#e5eff8 url(../images/h3.png) 97% 8px no-repeat;
padding:5px;
border:1px solid #e4e4e4;


}


#ft{
float:left;
width:100%;
height:60px;
background: url(../images/bg-top.jpg) 0 0 repeat-x;


}


#ftb-f{
float:left;
width:750px;
height:30px;
background:transparent;
margin-top:15px;


}

.ftb {
float:left;
margin-top:5px;
text-align:center;
font-weight:bold;
font-size:13px;
width:570px;
color:#fff;
padding:0;

}

.ftb a{
padding:0 !important;
border:none !important;
color:#fff;
font-weight:bold;

}

.ftb a:hover{
padding:0 !important;
border:none !important;
color:#fff;

}


#top {
float:left;
width:30px !important;
height:30px !important;
margin-top:15px !important;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;
width:30px !important;
height:30px !important;

}

zwiastun
11-02-2014, 23:02
Adres strony?

PaFcio91
11-02-2014, 23:09
http://www.opteam.uni.lodz.pl

zwiastun
11-02-2014, 23:23
Deklarację czcionek menu masz w pliku default.css
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 18px 18px 0 18px ;
margin:0;
display: block;
font-weight: normal;
font-size:14px;
text-transform:uppercase;
height:42px;
background:transparent;
color:#fff;
font-family: oswald, 'open sans', Helvetica, Arial, sans-serif;

}

'Open sans' możesz chyba zostawić, bo problem jest z czcionką oswald

mac
11-02-2014, 23:31
Wejdz na strone google fonts i odnajdz font oswald, zaznacz mu latin extended i kliknij na USE , tam bedzie co wstawic do css aby zaciagalo czionke z polskimi znakami

Piszę powoli bo z komórki, a tu nie ma światła ;)
Rano moge co dokladniej napisac

PaFcio91
11-02-2014, 23:45
Dziękuję zwiastun, sprawa załatwiona! :)

zwiastun
11-02-2014, 23:48
Jeśli chcesz skorzystać z porady @Mac
w głównym pliku szablonu (index.php, ale może to być tez inny plik) zastąp wiersze wywołujące fonty Google

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

Albo jednym takim
<link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>