IPB

( Zaloguj | Zarejestruj )

 
 Reply to this topicStart new topic
> Logo zamiast tytulu bloga
dczepiel
post 03.3.2010 - 21:43
Post #1


aktywność:
***

Grupa: +Bloger
Postów: 100

Nr: 7 930
Witam,

Kolejny problem z ktorym nie potrafie sobie sam poradzic.

Na stronie http://dariuszczepiel.pl/blog chcialbym zamienic tytul bloga z lewego gornego rogu na logo, ktore mam w obrazku logo.tif (czy moze byc tif? Logo ma przezroczyste tlo i napis, ktory chce zeby byl na tle motywu - stad tif i przezroczystosc tla)

Niestety nie wiem zupelnie co zmienic w pliku header.php, zeby taka operacja sie udala.
Czy ktos moze pomoc?

ponizej moj header.php
CODE
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">

<title><?php wp_title( '-', true, 'right' ); echo wp_specialchars( get_bloginfo('name'), 1 ); ?></title>

<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<?php if(is_search()) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php }?>

<!-- Styles -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 7]><link type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->
<?php //Load Variables
$css = get_option('T_background_css');
?>
<?php if ($css == 'Enabled') {?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/functions/style.php" type="text/css" media="screen, projection" />
<?php } ?>

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!-- Javascripts -->
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/nav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(navigationArrow("<?php bloginfo('stylesheet_directory'); ?>/images/arrow.png"));
});
</script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/search.js"></script>
<?php $slideshow_height = get_option('T_slideshow_height');
$email = get_option('T_email');
$phone = get_option('T_phone');
?>
<?php //Load Variables
$slideshow_state = get_option('T_slideshow_state');
?>

<?php
if ($slideshow_state == 'On') {?>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){

$('ul#portfolio').innerfade({
speed: 1000,
timeout: 3500,
type: 'sequence',
containerheight: '<?php echo $slideshow_height; ?>px'
});
});
</script>
<?php } ?>

<?php wp_head(); ?>

</head>

<body>
<div id="top">

<!-- Begin Masthead -->
<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span></h4>
</div>

<?php include (TEMPLATEPATH . '/nav.php'); ?>

<div class="clear"></div>
</div>

<div class="container">
<div class="container-inner">


Kolejny raz dzieki z gory za pomoc !

Ten post edytował dczepiel 03.3.2010 - 21:45


--------------------
Fotografia Ślubna Małopolska
Go to the top of the page
 
+Quote Post
d4ng
post 04.3.2010 - 07:14
Post #2


aktywność:
*

Grupa: +Bloger
Postów: 26

Nr: 7 879
CYTAT(dczepiel @ 03.3.2010 - 21:43) *
Witam,

Kolejny problem z ktorym nie potrafie sobie sam poradzic.

Na stronie http://dariuszczepiel.pl/blog chcialbym zamienic tytul bloga z lewego gornego rogu na logo, ktore mam w obrazku logo.tif (czy moze byc tif? Logo ma przezroczyste tlo i napis, ktory chce zeby byl na tle motywu - stad tif i przezroczystosc tla)

Niestety nie wiem zupelnie co zmienic w pliku header.php, zeby taka operacja sie udala.
Czy ktos moze pomoc?

ponizej moj header.php
CODE
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">

<title><?php wp_title( '-', true, 'right' ); echo wp_specialchars( get_bloginfo('name'), 1 ); ?></title>

<meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<?php if(is_search()) { ?>
<meta name="robots" content="noindex, nofollow" />
<?php }?>

<!-- Styles -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 7]><link type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->
<?php //Load Variables
$css = get_option('T_background_css');
?>
<?php if ($css == 'Enabled') {?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/functions/style.php" type="text/css" media="screen, projection" />
<?php } ?>

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!-- Javascripts -->
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/nav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(navigationArrow("<?php bloginfo('stylesheet_directory'); ?>/images/arrow.png"));
});
</script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/search.js"></script>
<?php $slideshow_height = get_option('T_slideshow_height');
$email = get_option('T_email');
$phone = get_option('T_phone');
?>
<?php //Load Variables
$slideshow_state = get_option('T_slideshow_state');
?>

<?php
if ($slideshow_state == 'On') {?>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){

$('ul#portfolio').innerfade({
speed: 1000,
timeout: 3500,
type: 'sequence',
containerheight: '<?php echo $slideshow_height; ?>px'
});
});
</script>
<?php } ?>

<?php wp_head(); ?>

</head>

<body>
<div id="top">

<!-- Begin Masthead -->
<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span></h4>
</div>

<?php include (TEMPLATEPATH . '/nav.php'); ?>

<div class="clear"></div>
</div>

<div class="container">
<div class="container-inner">


Kolejny raz dzieki z gory za pomoc !



Hey wink.gif

Wydaje mi się że za wyświetlanie tego napisu odpowiedzialne są te linijki:

KOD
<!-- Begin Masthead -->
<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span></h4>
</div>


wiec usuń z nich to:

KOD
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span></h4>


a resztę zostaw smile.gif Potem w CSS poszukaj czegoś w tym stylu:

KOD
#masthead {
        margin:10px; padding:10px 0;  
        width:500px; height:auto;
        background:url(images/twoje_logo.png) no-repeat top left;
        float:left;
           }


Oczywiście to przykład, nie szukaj czegoś takiego słowo w słowo haha.gif Grunt to znaleźć #masthead i zadeklarować background smile.gif a i po co używać jakiegoś tif? (może chodziło o gif?) lepiej zmień rozszerzenie na .png (też ma przezroczyste tło)

Ten post edytował d4ng 04.3.2010 - 07:22
Go to the top of the page
 
+Quote Post
dczepiel
post 04.3.2010 - 21:43
Post #3


aktywność:
***

Grupa: +Bloger
Postów: 100

Nr: 7 930
Dzięki za wskazówki, ale jednak nie działa mi to więc prosiłbym o jeszcze odrobinę pomocy.

Skasowałem w header.php ten fragment, który pisałeś.
Mój style.css dotyczący masthead wygląa tak:

CODE

/* Masthead */
#masthead { float: left;height:36px}
#masthead { background:url(images/DCbloglogo.tif) no-repeat top left; float: left}
#masthead h4, #masthead span { margin: 0; padding:10px 0 0; line-height:2em }
#masthead h4 { font-weight: bold; text-transform: uppercase; float: left}
#masthead h4 a { color: #fff; text-decoration: none; }
#masthead span.description { color: #ccc; text-transform: lowercase; font-size: .7em; padding: .35em 3em;}
.double-border {background: url(images/double-border.png) repeat-x bottom; height:8px; width:100%;clear:both;float:none;border:none;;margin:1em 0}


Linijka druga czyli to o background to jest wlasnie to co dodalem sam (oryginalnie nie ma tej linijki) - dodam ze probowalem tez z plikiem chat.png tak by sie upewnic czy blad nie lezy w rozszerzeniu pliku graficznego.
Prosilbym o wskazowki co zmienic.


--------------------
Fotografia Ślubna Małopolska
Go to the top of the page
 
+Quote Post
dczepiel
post 07.3.2010 - 16:38
Post #4


aktywność:
***

Grupa: +Bloger
Postów: 100

Nr: 7 930
wciąż bez odpowiedzi w temacie logo. na stronie http://www.kulayphotography.com/ gość zrobił mniej więcej to o co mi chodzi. Może ze źródła jego strony dałoby się jakoś wyczytać co należy zrobić, żeby to działało ? (wyslalem tez oczywiscie zapytanie bezposrednio do niego, ale nie odpisal...)

Ten post edytował dczepiel 07.3.2010 - 16:56


--------------------
Fotografia Ślubna Małopolska
Go to the top of the page
 
+Quote Post
dczepiel
post 07.3.2010 - 17:45
Post #5


aktywność:
***

Grupa: +Bloger
Postów: 100

Nr: 7 930
Kolejny update w tej kwestii - polecono mi wstawic cos takiego do header.php:

CODE

<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><?php bloginfo('name'); ?><img src="http://dariuszczepiel.pl/blog/wp-content/themes/modularity-lite/images/DCBLOGlogo.png" alt="<?php bloginfo('description') ?>" /></a></h4>
</div>


logo sie wyswietla, ale nie jest z lewej strony a wysrodkowane, a poza tym wyswietla sie tytul bloga, ktorego tam nie chce. Jakis pomysl ?


--------------------
Fotografia Ślubna Małopolska
Go to the top of the page
 
+Quote Post
amistad18
post 07.3.2010 - 19:36
Post #6


aktywność:
*********

Grupa: Redakcja
Postów: 4 252

Nr: 5 919
KOD
<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="http://dariuszczepiel.pl/blog/wp-content/themes/modularity-lite/images/DCBLOGlogo.png" alt="<?php bloginfo('description') ?>" /></a></h4>
</div>
Go to the top of the page
 
+Quote Post
kejsi
post 07.3.2010 - 19:51
Post #7


aktywność:
*****

Grupa: +Bloger
Postów: 887

Nr: 3 286
Jeśli chcesz to robić w ten sposób, to bez tego <?php bloginfo('name'); ?>
Go to the top of the page
 
+Quote Post
dczepiel
post 07.3.2010 - 23:30
Post #8


aktywność:
***

Grupa: +Bloger
Postów: 100

Nr: 7 930
Działa:

w header php:
CODE

<!-- Begin Masthead -->
<div id="masthead">
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="PATH TO YOUR IMAGE" alt="Dariusz Czepiel FotoBlog" /></a>
</h4>
</div>


w style.css
CODE

h4 img {
margin-top: 10px;
margin-left: -10px;
}


--------------------
Fotografia Ślubna Małopolska
Go to the top of the page
 
+Quote Post
« Następny starszy · Wyglad | Themes · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na email · Wydrukuj ten temat · Subskrybuj to forum

: 9 02 12 - 05:42
Powered By IP.Board © 2012  IPS, Inc.
WebFan | Wszystko co chcesz wiedzieć o e-commerce