Fire effect in the text of the header

Graphene Theme Forum » Graphene Wordpress theme » Support

Fire effect in the text of the header

(14 posts) (4 voices)

Started 2 months ago by gica
Latest reply from Prasanna SP
This topic is closed
This topic is not resolved

Skip to the latest post | RSS feed for this topic

12 Next »

gica
Member

I need help in order to make this effect. There is a .js file for this, but I don't know what I have to do. This is the link: http://sinetheta.github.com/burn/
I puted the downloaded file in the "js" directory of Graphene. What else must I do? I have a chid theme. Thanks a lot.

Posted 2 months ago #
Kenneth John Odle
Moderator

See this post:
http://forum.graphene-theme.com/graphene-support/help-needed-how-to-embed-a-see-more-link-similar-to-facebook

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 2 months ago #

Prasanna SP
Moderator

Create a folder called js under child theme (child theme must be active) and put that jquery.burn.min.js
in it. Then add this to child-theme's functions.php

<?php
function load_burn_text_jquery() {
    if ( ! is_admin() ){
	wp_enqueue_script(
		'burn-text-script',
		get_stylesheet_directory_uri() . '/js/jquery.burn.min.js',
		array('jquery')
	);
    }
}
add_action('wp_enqueue_scripts', 'load_burn_text_jquery');

function burn_the_header_text() {
?>
<script>
jQuery(document).ready(function($){
    $(document).ready(function() {
        $(.header_title).burn('wind');
    });
});
</script>
<?php
add_action('wp_head','burn_the_header_text');

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 2 months ago #

gica
Member

Thanks, Prasanna. But may be it's a error in the function. It returns this:
Parse error: syntax error, unexpected $end in /home/a8573851/public_html/wp-content/themes/graphene-child/functions.php on line 43

Some suggestions?

Posted 2 months ago #
Prasanna SP
Moderator

What's in your functions.php? Use pastebin to share code.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 2 months ago #

gica
Member

Hellow Prasanna. Only now I have read your message. I think we have a big time difference.
In my child-theme's functions.php I have a few functions. Exact that:

<?php

function graphene_filter_gettext( $translated, $original, $domain ) {
	$strings = array(
		'Read more' => 'Segueix llegint',
                'Permalink to %s' => 'Enllaç permanent a',
                'Go back to the front page' => 'Torna a l\'inici',
	);
	if ( ! empty( $strings[$original] ) ) {
		$translations = &get_translations_for_domain( $domain );
		$translated = $translations->translate( $strings[$original] );
	}
	return $translated;
}
add_filter( 'gettext', 'graphene_filter_gettext', 10, 3 );

?>
<?php
function graphene_custom_header_width(){
   return 981;
}
function graphene_custom_header_height(){
   return 365;
}
add_filter('graphene_header_image_width', 'graphene_custom_header_width');
add_filter('graphene_header_image_height', 'graphene_custom_header_height');
?>

I don't think that is the cause of the problem. Even when I leave 'functions.php' empty, the problem persist when I put in your code for the fire effect. Something will be wrong. Only I must say that I have a shadow effect (in the CSS of the child's theme) in the header's text. I don't know if this can be responsable for the error message. If it can help you, I will give you the link of my site:
http://enmaristanynodorm.site11.com/
I'm waiting your news. And thanks again,
Gica.

Posted 2 months ago #

Prasanna SP
Moderator

Remove the function which alters header image dimensions. You don't need that anyways. You can change the header height in Graphene Options itself.

Put code in between backtick (`) characters here. It's usually located above the Tab key on your keyboard.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 2 months ago #

Prasanna SP
Moderator

Oops! Missed a closing bracket. Try this,

function load_burn_text_jquery() {
    if ( ! is_admin() ){
	wp_enqueue_script(
		'burn-text-script',
		get_stylesheet_directory_uri() . '/js/jquery.burn.min.js',
		array('jquery')
	);
    }
}
add_action('wp_enqueue_scripts', 'load_burn_text_jquery');

function burn_the_header_text() {
?>
<script>
jQuery(document).ready(function($){
    $(document).ready(function() {
        $(.header_title).burn('wind');
    });
});
</script>
<?php
}
add_action('wp_head','burn_the_header_text');

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 2 months ago #

gica
Member

I`m sorry. Don't works. Your code makes the error message every time. Any idea? Thanks.

Posted 2 months ago #
Syahir Hakim
Developer

Paste the entire content of your child theme's functions.php file in pastebin.com and share the link here so that we can take a look.

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!

Posted 2 months ago #

12 Next »

Topic Closed

This topic has been closed to new replies.