• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 583
  • Last Modified:

How to add textblock to wordpress header..

Hi!

I have a webpage made in wordpress.
I am very new to wordpress, so i need some help.

Have a webpage, that have a header (with background picture)
And need to add a textbox ontop of the header. (centered)

How do i add this block in wordpress ?

0
team2005
Asked:
team2005
  • 18
  • 15
1 Solution
 
CrApplCommented:
can you post your header file here?
0
 
team2005Author Commented:
Hi!

Here is the header.php content..


<?php

    // Creating the doctype
    thematic_create_doctype();
    echo " ";
    language_attributes();
    echo ">\n";
    
    // Creating the head profile
    thematic_head_profile();

    // Creating the doc title
    thematic_doctitle();
    
    // Creating the content type
    thematic_create_contenttype();
    
    // Creating the description
    thematic_show_description();
    
    // Creating the robots tags
    thematic_show_robots();
    
    // Creating the canonical URL
    thematic_canonical_url();
    
    // Loading the stylesheet
    thematic_create_stylesheet();

	if (THEMATIC_COMPATIBLE_FEEDLINKS) {    
    	// Creating the internal RSS links
    	thematic_show_rss();
    
    	// Creating the comments RSS links
    	thematic_show_commentsrss();
   	}
    
    // Creating the pingback adress
    thematic_show_pingback();
    
    // Enables comment threading
    thematic_show_commentreply();

    // Calling WordPress' header action hook
    wp_head();
    
?>


<script type="text/JavaScript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jquery-1.4.2.min.js"></script>
<script type="text/JavaScript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jquery.curvycorners.source.js"></script>

<script type="text/javascript">
  $(function(){ 
  
  settings = {
          tl: { radius: 4 },
          tr: { radius: 4 },
          bl: { radius: 4 },
          br: { radius: 4 },
          autoPad: true,
          validTags: ["div"]
      }

  $('.menu ul li a').corner(settings);
  $('.menu-hva_vi_tilbyr-container ul li a').corner(settings);
  
 });
</script>

</head>

<?php 

thematic_body();

// action hook for placing content before opening #wrapper


if (apply_filters('thematic_open_wrapper', true)) {
	echo '<div id="wrapper" class="hfeed">';
}
    
    // action hook for placing content above the theme header
    thematic_aboveheader(); 
    
    ?>   

    <div id="header">
    
        <?php 
        
        // action hook creating the theme header
        thematic_header();
        
        ?>

	</div><!-- #header-->
    <?php
    
    // action hook for placing content below the theme header
    thematic_belowheader();
    
    ?>   
    <div id="main">

Open in new window

0
 
CrApplCommented:
See below:
<div id="header">
    
##### Place your textbox here###
        <?php 
        
        // action hook creating the theme header
        thematic_header();
        
        ?>

	</div><!-- #header-->

Open in new window


Make sure your textbox is within a <form></form>
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
team2005Author Commented:
Hi!

Maby i explane wrong, need the text between the two pictures in the header.
http://www.kreactor.no/

0
 
CrApplCommented:
Try this, do a search in your files for the text;

<div id="branding">


then send me that file, because that file is being called in the header.
0
 
team2005Author Commented:
Hi!

Here is the code.

text must be centerd on the screen, between the two pictures



<?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>
<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">
	<div id="header">
		<div id="masthead">
			<div id="branding" role="banner">
				<?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
					// 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; ?>
			</div><!-- #branding -->

			<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 -->
		</div><!-- #masthead -->
	</div><!-- #header -->

	<div id="main">

Open in new window

0
 
CrApplCommented:
I am not sure exactly where the code goes so I have put two text markers
test 1
and test 2

put the below code and tell me if test 1 or test 2 shows up where you need it.

<?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>
<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">
	<div id="header">
		<div id="masthead">
			<div id="branding" role="banner">
				<?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
					// 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 : ?><center> Test 1 </center>
						<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
					<?php endif; ?>
			<center> Test 2 </center></div><!-- #branding -->

			<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 -->
		</div><!-- #masthead -->
	</div><!-- #header -->

	<div id="main">

Open in new window

0
 
team2005Author Commented:
Hi!

Dosent show any text ?
0
 
CrApplCommented:
On the page try searching for "Test", it should show up somewhere...

(I got to head out now,I'll check your reply when i get back)
0
 
team2005Author Commented:
Hi!

Cant find the text in html-source ?
Strange ?
0
 
CrApplCommented:
That is very very strange, are you sure you overwrote the correct original file?
0
 
team2005Author Commented:
Hi!

Yes, its strange ...

Check yourself for Test 1 or Test 2
http://www.kreactor.no

0
 
team2005Author Commented:
Hmmm, picturefile is splash.jpg
But cant find that in header.php file ?
0
 
team2005Author Commented:
Hi!

Locked for splash.jpg
And this is located in this php-file:


<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
    echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /></div>';
}}
add_action('thematic_belowheader','splash');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');

function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');




?>

Open in new window

0
 
CrApplCommented:
Try this:
<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
    echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /><h1>CRAPPL Test!</h1></div>';
}}
add_action('thematic_belowheader','splash');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');

function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');




?>

Open in new window

0
 
team2005Author Commented:
hI!

Text come under the picture
http://www.kreactor.no/

0
 
team2005Author Commented:
Hi!

Found this example using Table
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>

<TD WIDTH="221" HEIGHT="300" BACKGROUND="newjoe01.jpg" VALIGN="bottom">

<FONT SIZE="+1" COLOR="yellow">Joe Burns at Work</FONT></TD>

</TR>
</TABLE>

Mby if you can modify this, to fit the source...?
0
 
CrApplCommented:
Ok... we are getting somewhere... hold on a few minutes and I'll try something and reply
0
 
CrApplCommented:
Try this:
<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
   // echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /><h1>CRAPPL Test!</h1></div>';

    echo '<div style="background-image: url(wp-content/themes/kreActor/images/splash.jpg);; width: 940px; border: 1px solid black;"><h1>CRAPPL Test!</h1></div>';
}}
add_action('thematic_belowheader','splash');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');

function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');




?>

Open in new window

0
 
team2005Author Commented:
Hi!

Now the picture is almost gone :(
http://www.kreactor.no

0
 
CrApplCommented:
It's hard to judge as I don't have the entire code in front of me :(

Try this:
<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
   // echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /><h1>CRAPPL Test!</h1></div>';

    echo '<div style="background-image: url(wp-content/themes/kreActor/images/splash.jpg); height:400; width: 940px; border: 1px solid black;"><h1>CRAPPL Test!</h1></div>';
}}
add_action('thematic_belowheader','splash');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');

function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');




?>

Open in new window

0
 
team2005Author Commented:
Hi!

Sorry, same result :(
0
 
CrApplCommented:
The problem is you have an image in the foreground and you want to write text on top of that.
It's not possible unless you use layers... so we are then trying to put it into the background and write text on it... as thats the only way to do it.

Quick question, why don't you simply use photoshop and write on the image then upload the image?
0
 
team2005Author Commented:
Hi!

Cant use textgrafichs here, they want to change the text..

Maby possible to use:

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>

<TD WIDTH="221" HEIGHT="300" BACKGROUND="newjoe01.jpg" VALIGN="bottom">

<FONT SIZE="+1" COLOR="yellow">Joe Burns at Work</FONT></TD>

</TR>
</TABLE>

But how ?

How about layers ?
How to do that ?

0
 
team2005Author Commented:
Hi!

Or maby split image in 2, and have the middel as a textbox ?
0
 
CrApplCommented:
Layers will just complicate matters more.
There are many ways of doing this but I think I found the solution to your original query, try this code:

<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
   // echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /><h1>CRAPPL Test!</h1></div>';

    echo '<div id="splash" style="background-image: url(wp-content/themes/kreActor/images/splash.jpg); height:300px; width: 940px;" align="center">CRAPPL Test!</div>';
}}
add_action('thematic_belowheader','splash');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');

function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');




?>

Open in new window

0
 
team2005Author Commented:
Hi!

Almost there :)
Take a lock now :)
http://www.kreactor.no
0
 
CrApplCommented:
Yes, it looks good!

Now you need to use some CSS on the text to make it whatever size and font you want (I am not good with text CSS so unfortunately I cannot help you much here). I am quite sure you can use <br> tags to make the text come down or you can do the same via CSS as well.
0
 
team2005Author Commented:
Hi!

Yes, but box under header must be moved down..

Thanks for big help
0
 
CrApplCommented:
You're welcome!

Play with the width: and height: parameters on that line... that will make the boxes move around so you can fit what you want in there.

Personally, I would have used multiple images to do this+plus a php rotator script, but if it works for you... great!
0
 
CrApplCommented:
I'm done for today, don't forget to award me the points ;)
0
 
team2005Author Commented:
Thanks so mutch
0
 
team2005Author Commented:
Hi!

Footer image is missing ?
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 18
  • 15
Tackle projects and never again get stuck behind a technical roadblock.
Join Now