 własne logo |
( Zaloguj | Zarejestruj )
  |
 13.3.2010 - 22:49
Post
#1
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998  |
Witam,
Już od paru ładnych godzin robię bloga, ale tkwię w martwym punkcie, jeśli chodzi o wstawienie własnego loga do szablonu. Korzystam z Shades of Blue 1.0, chcę wstawić logo o wymiarach 950x150. Czy ktoś doświadczony w tej materii mógłby mi wyjaśnić co należy zrobić? Liczę, że jest taka możliwość, dlatego za wszelką pomoc jestem bardzo wdzięczny. |
 |
 
|
|
14.3.2010 - 00:11
Post
#2
|
|
 aktywność:  Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Oczywiście że jest taka możliwość, zainteresuj się plikiem header.php z Twojego szablonu, pewnie będzie go trzeba trochę przerobić, podstawy html'a i css mile widziane.
|
|
|
|
|
14.3.2010 - 00:54
Post
#3
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
To ja też wiem, że trzeba przerobić. Problem w tym, że o ile w innych skórkach są loga i wystarczy podmienić link, zmienić szerokość itp, to tutaj czegoś takiego nie ma i chyba trzeba stworzyć...
Pozwolę sobie skopiować zawartość pliku header.php KOD <!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" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta name="distribution" content="global" /> <meta name="robots" content="follow, all" /> <meta name="language" content="en" /> <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title> <link rel="Shortcut Icon" href="<?php echo bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> <?php wp_head(); ?> <script type="text/javascript"><!--//--><![CDATA[//><!-- sfHover = function() { if (!document.getElementsByTagName) return false; var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]></script> </head> <body> <div id="header"> <div class="headerleft"> <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <p><?php bloginfo('description'); ?></p> </div> <div class="headerright"> <ul id="nav"> <?php if (is_home()) { ?> <li class="current_page_item"><a href="<?php echo get_option('home'); ?>">Home</a></li> <?php } else { ?> <li><a href="<?php echo get_option('home'); ?>">Home</a></li> <?php } ?> <?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?> </ul> </div> </div> <div style="clear:both;"></div> <div id="wrap"> |
|
|
|
|
14.3.2010 - 01:18
Post
#4
|
|
|
aktywność: Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Nawet z plikiem css, nie mam jeszcze takich umiejętności, aby zamiast kodu od razu widzieć stronę. Więc jeśli oczekujesz pomocy, podaj link do strony i od razu do loga.
|
|
|
|
|
14.3.2010 - 01:31
Post
#5
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
l
Ten post edytował Menez 14.3.2010 - 17:32 |
|
|
|
|
14.3.2010 - 12:20
Post
#6
|
|
|
aktywność: Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Niestety, ale tutaj takie szerokie logo nie pasuje. Header'a masz podzielonego na dwa div'y, jeden z lewej, z tytułem i opisem bloga, drugi po prawej z menu. Do żadnego div'a się logo nie zmieści, dlatego proponuję Ci nad nimi, utworzyć div'a na całą szerokość, i do niego wrzucić logo.
|
|
|
|
|
14.3.2010 - 12:22
Post
#7
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
Ewentualnie logo można zmniejszyć, jeśli to byłoby wymagane...
Ten post edytował Menez 14.3.2010 - 16:11 |
|
|
|
|
14.3.2010 - 16:11
Post
#8
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
Mógłbyś może podać kod, jaki należy zamieścić w divie, by logo się poprawnie wyświetlało?
Ups, sorry za dwa posty, ale myślałem, że się scalą :/ Ten post edytował Menez 14.3.2010 - 16:11 |
|
|
|
|
14.3.2010 - 16:40
Post
#9
|
|
|
aktywność: Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Zakładając że logo jest mniejsze, że z lewej strony nie chcesz mieć tytułu bloga i opisu, to kod:
KOD <div class="headerleft"> <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <p><?php bloginfo('description'); ?></p> </div> Zamień na: KOD <div class="headerleft"> <a href="<?php echo get_settings('home'); ?>/"> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" border="0px" /> </a> </div> No i logo ładujesz do katalogu images w katalogu z Twoim szablonem, a sama nazwa pliku loga to logo.png. |
|
|
|
|
14.3.2010 - 16:50
Post
#10
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
Mam jeszcze pytanko - jaką wielkość musiałoby mieć logo w takim przypadku, by wszystko było ok?
Dobra, powiodło się, wrzuciłem. Ale mam nadal dwa pytania: 1. Jak można podnieść to logo, bo teraz połowę przycina... 2. Czy można nieco skrócić szablon, aby miał szerokość 950 i był wyrównany z logiem? Ten post edytował Menez 14.3.2010 - 17:02 |
|
|
|
|
14.3.2010 - 17:07
Post
#11
|
|
|
aktywność: Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
1. Można, w pliku style css, szukaj #header, i zmień wartość atrybutu height.
2. Można, w podobny sposób zmieniaj odpowiednie wartości width, w odpowiednich klasach odpowiadających za resztę strony ... tutaj poszukaj i pobaw się sam. |
|
|
|
|
14.3.2010 - 17:34
Post
#12
|
|
|
aktywność: Grupa: Bloger Postów: 12 Nr: 7 998 |
Udało się
 Jeszcze tylko muszę dojść do tego, by trochę poszerzyć pole do pisania, a zmniejszyć tą boczną belkę na linki itp. |
|
|
|
|
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:
| : 8 02 12 - 10:45 |