WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Diferent page titles, but images are not showed... code & URL inside (8 posts)

  1. Josee
    Member
    Posted 3 years ago #

    Hi guys,

    After a week testing wordpress, and CSS I arrived to a conclusion, I'm lost!

    My blog is: http://www.getlow.es whit K2 Theme

    As you can see I have a backgroud Image called Asphalt.jpg, on the same image I want to put tu repetitive images called tire.png, and on the right side of the blog near the menu bars I want to put another image called turbo.png.

    The code is as follows:

    #page,body.smartposition #rollingarchives {
    background:white;
    }
    
    #page {
    text-align:left;
    padding-top:20px;
    position:relative;
    border:1px solid #ddd;
    border-top:none;
    clear:both;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    margin:0 auto;
    }
    
    #pagel {
    width:800px;
    height:1280px;
    background-image:url('http://www.getlow.es/wp-content/themes/k2/tire.png');
    position:absolute;
    top:450px;
    left:-800px;
    margin:0 auto;
    padding:0;
    }
    
    #pager {
    width:800px;
    height:1280px;
    background-image:url('http://www.getlow.es/wp-content/themes/k2/tire.png');
    position:absolute;
    top:100px;
    right:0;
    margin:0 auto;
    padding:0;
    }
    
    #turbor {
    width:335px;
    height:251px;
    background-image:url('http://www.getlow.es/wp-content/themes/k2/turbo.png');
    position:absolute;
    top:270px;
    left:620px;
    margin:0 auto;
    padding:0;
    }
    
    .columns-one #page {
    width:560px;
    }
    
    .columns-two #page {
    width:780px;
    }
    
    .columns-three #page {
    width:950px;
    }
    
    #header {
    position:relative;
    height:200px;
    background:#3371A3 url('http://www.getlow.es/wp-content/themes/k2/styles/turbo/header.jpg');
    background-position:top right;
    background-repeat:no-repeat;
    overflow:hidden;
    }

    As you can see I called the pages: page, page1, pager and turbor, putting in the URL of the images, also WIDE and HIGH as mentioned in above threads, but the images are still not showing.

    Any ideas?

    Thank you in advance.

  2. Josee
    Member
    Posted 3 years ago #

    Nothing?

  3. Please don't bump your post.

    Be aware its Christmas/Boxing Day, and the vast majority of people in the world are coping with post party depression ;). You've got a limited number of people this weekend, but some folks will trickle back in on Monday.

    Try making your image URLs JUST the filename tire.png etc. I believe the theme is smart enough to know to look in itself (so if you have the images in k2/images/tire.png, you can just put in images/tire.png and leave out the rest).

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    what is your html code?

    i can't find any reference to any html element with
    id="pagel"
    or
    id="pager"
    or
    id="turbor"
    in the link you posted.

  5. Josee
    Member
    Posted 3 years ago #

    @Ipstenu, sorry for that one I won't happen again I'm just a bit confused about the CSS/HTML of my blog :)

    @Alchymyth, then we are comining near to the problem, I thought that the procedment to add more than one bakgroung image was just adding them under Style.css giving them a name #name and the the code listed above.

    Could you explain me were I should check the HTML, and wich code I must introduce to make the CSS come up?

    I guess it should be something like:

    <div id="pager"></div>
    <div id="page">
    <div id="pagel"></div>
    <div id="turbor"></div>

    In wich HTML file should I add this code (in case that this is the right one).

    Thank you all =)

  6. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    the space to make the changes is probably in header.php

    the way your css is, i would try:

    <div id="page">
    <div id="pager"></div>
    <div id="pagel"></div>
    <div id="turbor"></div>
  7. Josee
    Member
    Posted 3 years ago #

    @Alchymyth

    <?php
    	// Prevent users from directly loading this theme file
    	defined( 'K2_CURRENT' ) or die ( 'Error: This file can not be loaded directly.' );
    ?>
    <!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://purl.org/uF/2008/03/ http://purl.org/uF/hAtom/0.1/">
    	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    	<meta name="template" content="K2 <?php k2info('version'); ?>" />
    
    	<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    
    	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url'); ?>/style.css" />
    
    	<?php /* Child Themes */ if ( K2_CHILD_THEME ): ?>
    		<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
    	<?php endif; ?>
    
    	<?php if ( is_singular() ): ?>
    	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    	<?php endif; ?>
    
    	<?php wp_head(); ?>
    
    	<?php wp_get_archives('type=monthly&format=link'); ?>
    </head>
    
    <body class="<?php k2_body_class(); ?>">
    
    <?php /* K2 Hook */ do_action('template_body_top'); ?>
    
    <div id="page">
    
    	<?php /* K2 Hook */ do_action('template_before_header'); ?>
    
    	<div id="header">
    
    		<?php locate_template( array('blocks/k2-header.php'), true ); ?>
    
    		<?php /* K2 Hook */ do_action('template_header'); ?>
    
    	</div> <!-- #header -->
    
    <strong><div id="pager"></div>
    <div id="pagel"></div>
    <div id="turbor"></div></strong>
    
    	<hr />
    
    	<?php /* K2 Hook */ do_action('template_before_content'); ?>

    As you can see I put the syntax at the end of the header.php document, an it appears like this http://www.getlow.es

  8. Josee
    Member
    Posted 3 years ago #

    It seems that I got it, I've forgot to post something into the blog, to get the white space down till override both Images, now it looks like it should.

Topic Closed

This topic has been closed to new replies.

About this Topic