Právě je 25 zář 2017 06:26

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 7 ] 
Autor Zpráva
 Předmět příspěvku: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 04 zář 2017 15:53 

Registrován:
04 zář 2017 15:48
Příspěvky:
4
Zdravím pěkně mohl bych se tu zeptat pro Vás určitě na 2 jednoduché otázky?

mohl by mi někdo prosím pomoci s vystředěním textu v menu na stránkách http://www.fitness-factory.cz?
Jsem vcelku amatér, stránky jsem podědil. Menu bylo dříve na středu, ale další položka mi ho zalamovala do druhého řádku, vypadalo to blbě, tak jsem menu nějak dostal na celou šířku stránky, ale text jde odleva ... nešlo by ho nějak vystředit?

STYLE.CSS

Kód:
/*
Theme Name: Fitness
Author: <a href='http://ozogan.eu'>Michal Ozogán</a> & <a href='http://www.ajvngou.cz/'>Ajvngou</a>
Version: 1
*/

/* Základní nastavení */
body,ul,ol,p,h1,h2,h3,h4,h5,h6,fieldset,dd {margin: 0;padding: 0;}
article,aside,dialog,figure,figcaption,footer,header,hgroup,nav,section,small {display: block;}
.wp-caption,.gallery-caption  {display: block;max-width: 100% !important;padding: 10px 0;}
.wp-caption img,.entry-content img,.entry-content video {max-width: 100% !important;/* May I rot in hell for this IE6 hack */_width: 95% !important;height: auto !important;}
.aligncenter {display: block;margin: 0 auto;padding: 10px auto;}
.alignleft {float: left;display: inline;margin-right: 10px;}
.alignright {float: right;display: inline;margin-left: 10px;}
p.wp-caption-text {margin-bottom: 0;font-size: 12px;}


/* Rozvržení */
body {font-size: 14px;font-family: Arial, serif;background: white; line-height: 140%; }
#header {}
#wrapper {margin: 0 auto;width: 1000px; overflow: visible}
#content {}
#footer {}

/* Základní vzhled */

a {text-decoration: none; color: #f80000}
a:hover,a:active {color: #f80000;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none;}
a img {border: none;}
.imglink,.wp-caption a {border: none !important;text-decoration: none;color: #FFF;}
p,ul,ol,dd {margin-bottom: 8px;}
blockquote {padding: 10px 5px;color: #888;}
.hidden {visibility: hidden}
.left {float: left}
.right {float: right}
.clear {clear: both}

/* Hlavička */
body {background: url('images/head.jpg') center 0px no-repeat;}
#header {margin: 20px 0;}
#menu {background: url('images/menu.png'); border-radius: 6px; box-shadow: 2px 5px 10px #444; position: relative}
#menu li {display: inline-block; padding: 0; margin: 0 -2px; }
#menu li:first-child a {border-radius: 6px 0 0 6px; border-left: none !important}
#menu li:hover a, #menu li.current-menu-item a {background: url('images/menu_active.png'); border-left: 1px solid #7cc9f5; border-right: 1px solid #1f6892}
#menu li:last-child a {border-right: none !important}
#menu li a {color: white; height: 49px; line-height: 49px; display: block; padding: 0 10px; border-right: 1px solid #8f1d1d; border-left: 1px solid #dd6868}

.logo {margin-top: -8px; display: block; }

.home .home {margin-top: -40px}
.home .widget:first-child {margin: 0}
.widget {border: 1px solid #C7BEBE; border-radius: 6px; background: #EDEDED;}
#sidebar .widget {margin-bottom: 20px}
.home .widget {width: 240px; float: left; margin-left: 10px; }
.home .widget_blankwidget {border: none; background: none}
.widget h3 {background: #0073A6; color: white; font-size: 14px; font-weight: bold; padding: 8px 5px; border-radius: 6px 6px 0 0}
.widget h3 .right {margin-top: -5px}
.widget .inside {padding: 10px}
.widget li {list-style: none}
#footer {height: 143px;background: url('images/footer.jpg') center 0px no-repeat; margin-top: 20px; position: relative; z-index: 50}
#footer .inside {width: 980px; margin: auto; padding: 10px; color: #858585}

#footer a {color: #c2c2c2; text-decoration: underline; }
#footer a:hover {color: white; text-decoration: none}

.center {width: 534px; margin: 0 auto; margin-top: 50px;}
.center img {margin: 0 5px}

#slideshow {margin-right: 10px; margin-top: 30px; position: relative}
.insideSlider {Overflow: hidden; width: 800px; margin: 0 auto}
#slideshow .inside {width: 3000px;}
#slideshow .inside img {padding: 4px !important; margin: 0 5px !important; float: left !important; border: 1px solid #cfcfcf !important; opacity: 1 !important; position: relative; z-index: 20; background: white}
#slideshow .left {height: 125px; width: 90px; position: absolute; z-index: 21}
#slideshow .right {height: 125px; width: 90px; position: absolute; right: 0px; z-index: 21}

.button {background: green; width: 38px; height: 38px; position: absolute; left: 50%; margin-left: -19px; top: 50%; margin-top: -19px}
.left .button {background: url('images/arrows.png') top right; display: none}
.right .button {background: url('images/arrows.png') top left;}

.time {font-family: "Arial"; font-size: 12px; color: #161616}
.widget_novinkywidget a {color: #ff0000; font-size: 14px; font-family: "Arial"; font-weight: bold; text-decoration: underline}
.widget_novinkywidget a:hover {text-decoration: none}
.widget_novinkywidget a.all {font-size: 12px}
.shadow {margin: 0 auto; display: block; position: relative; margin-top: -40px; z-index: 9}
#sidebar {width: 240px; float: right}
.content {float: left; width: 720px; }
.content h2 {color: #0d79b7; font-size: 20px; font-weight: bold; background: #dbf4ff; padding: 10px 28px 10px 10px; border-radius: 6px}
.entry {padding: 10px}
.entry a {text-decoration: underline}
.entry a:hover {text-decoration: none}
.entry td {padding: 6px}
.entry ol, .entry ul {padding-left: 30px}
.date {font-size: 12px; color: #0d79b7; padding-left: 10px}
div.home {margin-top: -30px}
.page-template-home-php #footer {margin-top: -10px}
h2 iframe {float: right}

#menu li:hover .sub-menu {display: block}
#menu .sub-menu {display: none; position: absolute; background: #0d79b7; border-radius: 0 0 6px 6px; padding: 10px 0; }
#menu .sub-menu li {display: block; margin: 0 }
#menu .sub-menu li a {background: none; line-height: 20px; height: 20px; border: none !important; padding: 1px 20px; border-radius: 0 !important}
#menu .sub-menu li a:hover {background: #066399}

.haveChild>a:after {content: "";padding: 0 8px;margin-left: 5px;background: url('images/arrow_menu.png') no-repeat 5px 5px transparent;}


HEADER.PHP

Kód:
<!doctype html>
<html <?php language_attributes(); ?>>
   <head>   
      <meta charset="<?php bloginfo( 'charset' ); ?>">      
      <title><?php wp_title(' &mdash; ',true,'right'); ?><?php bloginfo('name'); ?></title>
      <link rel="stylesheet" media="all" href="<?php bloginfo('stylesheet_url'); ?>">               
      <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">            
      <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
      <?php wp_head(); ?>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-35841763-1']);
  _gaq.push(['_setDomainName', 'fitness-factory.cz']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

      
   </head>   
   <body <?php body_class(); ?>>
   <script>
   function doResize(){
      var width = jQuery(window).width();
      if(width < 980) jQuery('body').css('overflow-x', 'visible');
      else jQuery('body').css('overflow-x', 'hidden');
      }
      
   jQuery(document).ready(function(){
      doResize();
      
      jQuery(window).resize(function() {
        doResize();
      });
      
      })
   </script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


         <div id='menu'><?php wp_nav_menu('primary'); ?></div>
   <div id="wrapper">
      <div id="header">
         <a href='<?php bloginfo('home') ?>'><img src='<?php bloginfo('template_directory') ?>/images/logo.png' width='1129' height='301' alt='Fitness Factory' class='logo' /></a>
      </div>
      <div id="content">


Prosím nesmát se :D ... uživatelský schopnosti by šly .. ale hrabat se v kódu už je pro mě horší :)
Díky za reakce :)

# EDIT1: Prosím, ještě jedna věc. Na pozadí se mi náhodou opakoval obrázek, staří návštěvníci toto pořád vidí a nová již ne ... bude problém někde s cookie? Jak zajistím aby staří návštěvníci viděli již opravený vzhled? Stačí vymazat historii prohlížení, ale tohle nemůžu po návštěvnících chtít. Děkuji :)


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 04 zář 2017 15:53 
C4 podpora
Administrátor

Registrován:
23 čer 2009 12:44
Příspěvky:
0
Dobrý den,

jelikož jste nebyl identifikován jako zákazník Webhostingu C4, pro který je diskuzní fórum určeno, Váš dotaz není brán jako prioritní. Pokud bude téma delší dobu bez reakce, dojde k jeho odstranění.

_________________
Webhosting C4
http://www.c4.cz


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 04 zář 2017 20:10 
C4 zákazník
Uživatelský avatar

Registrován:
15 srp 2016 13:22
Příspěvky:
42
Bydliště:
Albrechtice
Dobrý den.

V css v id menu si vložte kod pro vycentrovani.
Ted máte toto:
Kód:
#menu {background: url('images/menu.png'); border-radius: 6px; box-shadow: 2px 5px 10px #444; position: relative}


a zaměnte jej třeba za následovný
Kód:
#menu {background: url('images/menu.png'); border-radius: 6px; box-shadow: 2px 5px 10px #444; position: relative margin-left: 100px; margin-right: 100px;}


těmi značkami margin si sám nastavte jak a kde chcete menu zobrazovat .... ale pokud chcete mit menu ve stredu tak obe hodnoty musí být rovny


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 04 zář 2017 20:11 
C4 zákazník
Uživatelský avatar

Registrován:
15 srp 2016 13:22
Příspěvky:
42
Bydliště:
Albrechtice
Sorry zapoměl jsem na středník u position takže správný kód vypadá takto:
Kód:
#menu {background: url('images/menu.png'); border-radius: 6px; box-shadow: 2px 5px 10px #444; position: relative; margin-left: 100px; margin-right: 100px;}


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 04 zář 2017 22:17 

Registrován:
04 zář 2017 15:48
Příspěvky:
4
Úžasné, děkuji Vám moc, bez Vás bych to nezvládl :).

Jestli můžu mít prosím ještě jednu malou otázku? Abych viděl aktuální nastavení menu na středu, tak musím ve svém prohlížeči vymazat historii. Je dostupné nějaké jiné řešení? Ptám se kvůli návštěvníkům, kteří stále vidí starou verzi s dlouhým menu a nechtějí nebo neumí mazat historii? Děkuji :)


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 05 zář 2017 08:45 
C4 zákazník
Uživatelský avatar

Registrován:
15 srp 2016 13:22
Příspěvky:
42
Bydliště:
Albrechtice
Podle toho co jsem viděl tak vy žádný cookie nepoužíváte (nebo jsem si nevšiml) takže stačí pouze stránky znovu načíst přes klávesu F5 nebo přes adresní panel prohlížeče. Pokud si chcece vyzkoušet jen vy jak bude dané menu vypadat staří použávat prohlážeč např. Mozilla Firefox, kde kliknete na menu pravým tlačítkem a dáte prozkoumat prvek. Potém můžete dole v editoru přepisovat css styl a rovnou se vám zobrazí co jste udělal. Jak budete spokojen je danou část css zkopirujete a nahrajete na server. Pak už jen staří aktualizovat stránku.

S přáním hezkého dne - Majkis


Nahoru
 Profil  
 
 Předmět příspěvku: Re: Vycentrování textu v menu + vymazání cookie
PříspěvekNapsal: 05 zář 2017 16:12 

Registrován:
04 zář 2017 15:48
Příspěvky:
4
Ano, ostatní weby se mění po novém načtení, tento mi však dělá problémy. V chromu (s vymazanou historií) se menu zobrazuje jako je tomu na obrázku dole a v Opeře s nevymazanou historií jako na obrázku nahoře. Přemýšlím jak donutit Operu, aby si všimla změny. Takhle špatně se pravděpodobně zobrazuje i některým jiným návštěvníkům.

Obrázek

Děkuji za reakci :)


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 7 ] 

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
Návody pro C4

© 2009-2012 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz