Pranick odpowiedzi | WordPress.org Polska

Odpowiedź forum utworzona

Viewing 6 replies - 1 through 6 (of 6 total)

Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Stateczny pasek menu
Pranick
(@pranick)

9 years, 7 months temu
Chodziło o element <nav class="art-nav clearfix"> (...) </nav>, który jest w kodzie, który podałeś. Kod po zmianie:
```
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset') ?>" />
<title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>

<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
remove_action('wp_head', 'wp_generator');
if (is_singular() && get_option('thread_comments')) {
wp_enqueue_script('comment-reply');
}
wp_head();
?>
</head>
<body <?php body_class(); ?>>

<div id="art-main">
<div class="art-nav-outer">
<nav class="art-nav clearfix">
<div class="art-nav-inner">
<?php
echo theme_get_menu(array(
'source' => theme_get_option('theme_menu_source'),
'depth' => theme_get_option('theme_menu_depth'),
'menu' => 'primary-menu',
'class' => 'art-hmenu'
)
);
?>
</div>
</nav>
</div>

<?php if(theme_has_layout_part("header")) : ?>
<header class="clearfix art-header<?php echo (theme_get_option('theme_header_clickable') ? ' clickable' : ''); ?>"><?php get_sidebar('header'); ?>

<div class="art-shapes">
<?php if(theme_get_option('theme_header_show_slogan')): ?>
<?php $slogan = theme_get_option('theme_'.(is_home()?'posts':'single').'_slogan_tag'); ?>
<<?php echo $slogan; ?> class="art-slogan" data-left="100%"><?php bloginfo('description'); ?></<?php echo $slogan; ?>>
<?php endif; ?>

</div>

</header>
<?php endif; ?>

<div class="art-sheet clearfix">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix">
```
Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Stateczny pasek menu
Pranick
(@pranick)

9 years, 7 months temu
Elementowi .art-nav (linia 451 w style.css) zmień position: relative; na position: fixed oraz dodatkowo nadaj mu:
```
width: 100%;
top: 0;
```
Elementowi #art-main (linia 13 w style.css) nadaj: padding-top: 78px;.

Teraz niestety pojawia się ta szczelina nad menu po przewinięciu strony. Jeżeli Ci to przeszkadza, to jedziemy dalej, ale potrzebna jest już zmiana HTML.

Cały element nav o klasie art-nav (jest pewnie gdzieś w header.php) obejmij nowym elementem: <div class="art-nav-outer"> [ tutaj nav.art-nav ] </div>.

Wracamy do pliku style.css… Linia 451 i element .art-nav: zmień to position: fixed; spowrotem na position: relative;, a następnie zmień jego wartość margin z margin: 10px auto 0; na margin: 0 auto; oraz skasuj top: 0; i width: 100%;.

Po zmianach ten element .art-nav ma mieć style:
```
background: #FFFFFF url('images/nav.png') scroll;
margin: 0 auto;
position: relative;
z-index: 100;
font-size: 0;
```
Pod stylami elementu .art-nav (czyli za „}”) wstaw style dla tego nowego elementu:
```
.art-nav-outer {
  background: #552907 url('images/page.png') scroll;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  z-index: 1001;
}
```
Sprawdź, czy jest OK i daj znać.
Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Stateczny pasek menu

Pranick
(@pranick)

9 years, 7 months temu

Nie zauważyłem adresu, gdy pisałem odpowiedź.

Nie jestem w stanie Ci teraz pomóc, bo to nie moja godzina na myślenie. Generalnie w pliku style.css na linii 486 dla elementu ’.art-nav’ zmieniasz position: relative na position: fixed i dodatkowo dodajesz mu width: 100%. Niestety wtedy znika ten pasek na górze strony i nie jestem w stanie teraz ustalić dlaczego tak się dzieje.

Zerknę na to jutro, jeśli do tego czasu nikt nie rozwiąże tego problemu.

Dobranoc.

Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Stateczny pasek menu

Pranick
(@pranick)

9 years, 7 months temu

Podaj adres strony lub chociaż nazwę użytego szablonu.

Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Stateczny pasek menu
Pranick
(@pranick)

9 years, 7 months temu
Witam.

Służy do tego stałe pozycjonowanie w CSS. Nadajesz elementowi

position: fixed

i zostaje w miejscu. Możliwe, że trzeba będzie dodać:
```
top: 0;
left: 0;
width: 100%;
```
Można też zrobić coś bardziej zaawansowanego z wykorzystaniem JavaScript (jeśli chcesz, aby np. element był stały tylko w określonej pozycji paska przewijania).

W wyszukiwarce szukaj „fixed position css OR javascript” lub „stałe pozycjonowanie css OR javascript”.
Forum: Używanie i konfiguracja WordPressa
W odpowiedzi na: Długi nagłówek

Pranick
(@pranick)

9 years, 7 months temu

Kod tej strony zaczyna się od:

<iframe src="http://[...]" width="0"></iframe><!doctype html>

(wyciąłem adres iframe). Ten element iframe to przyczyna problemu problemu z nagłówkiem i chyba oznaka większego problemu – wygląda na to, że włamano się na tę stronę.

Pozbądź się iframe (w pierwszej linijce powinien być tylko '<!doctype html>’) i nagłówek będzie wyglądał jak trzeba. Jeśli mam rację, że ten element jest tam na skutek włamania, to tym też trzeba się zająć.

Pozdrawiam

Viewing 6 replies - 1 through 6 (of 6 total)