Mała ikona w nagłówku

Rozwiązano legwan1414
(@legwan1414)

13 years, 2 months temu

Witam
Mam problem z którym nie umiem sobie poradzić. Zrobiłem w Photoshopie małą ikone Facebooka, newslettera. Wkleiłem kod html obrazka w pliku header.php. Zaznaczyłem wcześniej aby obrazek był domyślnie z prawej strony. Problem polega na tym że te ikonki owszem pokazują sie z prawej strony, ale na środku lub na górze nagłówka. A ja bym chciał aby były na dole z prawej strony nagłówka, a nie „w powietrzu” 🙂
Nie wiem czy teraz jest to kwestia zmiany samego kodu, czy tez wklejenia go w odpowiednim miejscu pliku header.php
Z góry dzięki

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

morarz

(@morarz)

13 years, 2 months temu

Najlepiej podaj kody css i html pliku header.php jakie sterują ikonkami.

Thread Starter

legwan1414

(@legwan1414)

13 years, 2 months temu

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<link rel="shortcut icon" href="http://satixs.pl/wp-content/uploads/2011/02/dfdf..png" />
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

	?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
	/* We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>
</head>
<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">
<a href="http://satixs.pl"><img src="http://satiss.pl/wp-content/uploads/2010/12/new3-e1297686981659.jpg" alt="" title="new3" width="850" height="194" class="alignleft size-full wp-image-271" /></a>
<div id="header">
<?php if (is_active_sidebar('header-widget-area')) { // header widget
	ob_start(); /* let's use output buffering to allow use of Dynamic Widgets plugin and not have empty sidebar */
	$success = dynamic_sidebar('header-widget-area');
	$content = ob_get_clean();
	if ($success) {
	?>
	<div id="ttw-head-widget" class="ttw-head-widget-area" role="complementary" >
	<?php echo($content) ; ?>
	</div> <!-- #ttw-header-widget -->
<?php 	} } ?>
<div id="masthead">
			<div id="branding" role="banner">
				<div id="ttw-site-logo"></div>
				<div id="ttw-site-logo-link" onclick="location.href='<?php echo home_url( '/' ); ?>';" style="cursor:pointer;"></div>
				<?php if (!ttw_getopt('ttw_hide_site_title')){	/* TTW - hide site title */ ?>
				<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
				<<?php echo $heading_tag; ?> id="site-title">
					<span>
						<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
					</span>
				</<?php echo $heading_tag; ?>>
				<div id="site-description"><?php bloginfo( 'description' ); ?></div>
				<?php } /* end hide site title if */ ?>

				<?php
				     if (!ttw_getopt('ttw_hide_menu') && ttw_getopt('ttw_move_menu')) { 	/* TTW: move header */ ?>
					<div id="access" role="navigation">
					<?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
					<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
					<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
					<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
					</div><!-- #access -->
				<?php } ?>
				<?php
				     if (!ttw_getopt('ttw_hide_menu') && !ttw_getopt('ttw_move_menu')) { 	/* don't move header */ ?>
					<div id="access2" role="navigation">
					<?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
					<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
					<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
					<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'secondary', 'fallback_cb' => '' ) ); ?>
					</div><!-- #access2 -->
				<?php } ?>
				<?php if (ttw_getopt('ttw_header_insert')) {	/* header insert defined? */
						if (ttw_getopt('ttw_header_frontpage_only')) {
							if (is_front_page()) echo (do_shortcode(str_replace("\\", "", ttw_getopt('ttw_header_insert'))));
						} else {
							echo (do_shortcode(str_replace("\\", "", ttw_getopt('ttw_header_insert'))));
						}
					}

				// The Dynamic Headers shows headers on a per page basis - will also optionally add site link
				if(function_exists('show_media_header')) show_media_header();  // **Dynamic Headers** built-in support for plugin

				do_action('ttwx_extended_header_insert');				/* add any extension header insert */
				do_action('ttwx_super_header_insert');		// future extension

				if (HEADER_IMAGE_HEIGHT > 0 && !(ttw_getopt('ttw_header_frontpage_only') && is_front_page() )) {
					if (ttw_getopt('ttw_link_site_image')) { ?>
						<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
					<?php }
					// Check if this is a post or page, if it has a thumbnail,  and if it's a big one
					if ( is_singular() &&
					   has_post_thumbnail( $post->ID ) &&
					   ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
					   $image[1] >= HEADER_IMAGE_WIDTH ) :
						// Houston, we have a new header image!
						echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
					else : ?>
						<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
					<?php endif;
					if (ttw_getopt('ttw_link_site_image')) echo("</a>");
				} /* } closes header > 0 */ ?>
			</div><!-- #branding -->

			<?php if (!ttw_getopt('ttw_hide_menu') && !ttw_getopt('ttw_move_menu')) { 	/* ttw - move header */ ?>
			<div id="access" role="navigation">
			  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
				<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
				<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
				<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
			</div><!-- #access -->
			<?php } ?>
			<?php if (!ttw_getopt('ttw_hide_menu') && ttw_getopt('ttw_move_menu')) { 	/* ttw - move header */ ?>
			<div id="access2" role="navigation">
			  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
				<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
				<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
				<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'secondary', 'fallback_cb' => '' ) ); ?>
			</div><!-- #access2 -->
			<?php } ?>
		</div><!-- #masthead -->
	</div><!-- #header -->

	<div id="main">

wklejam cały kod pliku header.php 🙂
strona jeszcze nie jest w sieci

morarz

(@morarz)

13 years, 2 months temu

A jak ikonki nazwałeś ?
I podaj kody css.

Thread Starter

legwan1414

(@legwan1414)

13 years, 2 months temu

Ikonki tutaj nie ma w tym kodzie.

Style

* 2010style.css
(2010style.css)
* Arkusz RTL stylu
(rtl.css)
* Arkusz stylu
(style.css)
* Arkusz stylu wizualnego edytora
(editor-style.css)
* child-style.css
(child-style.css)
* editor-style-rtl.css
(editor-style-rtl.css)
* ttw-admin-style.css
(ttw-admin-style.css)

Który mam tutaj wkleić?

morarz

(@morarz)

13 years, 2 months temu

ten który obsługuje ikonki…

musisz za pomocą css określić gdzie ta ikonka ma się znajdować.

Thread Starter

legwan1414

(@legwan1414)

13 years, 2 months temu

ale ja nie wiem który obsługuje ikonki i dlatego się pytam:)
byłbym wdzięczny za jakąś krótka instrukcję jak mam to zrobić

morarz

(@morarz)

13 years, 2 months temu

. Wkleiłem kod html obrazka w pliku header.php.

gdzie wkleiłeś bo niechce mi się szukac po całym kodzie 😛 ??

Thread Starter

legwan1414

(@legwan1414)

13 years, 2 months temu

*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<link rel=”shortcut icon” href=”http://satixs.pl/wp-content/uploads/2011/02/dfdf..png” />
tutaj wkleiłem kod ikonki
<meta charset=”<?php bloginfo( 'charset’ ); ?>” />
<title><?php

wkleiłem tam ale ikona jest widoczna na środku nagłówka z prawej strony

Moderator

amistad18

(@amistad18)

13 years, 2 months temu

Po pierwsze i najważniejsze – jak chcesz otrzymać pomoc, to podaj adres strony.

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

Temat ‘Mała ikona w nagłówku’ jest zamknięty na nowe odpowiedzi.

Tagi tematu

Wyświetlenia