hi ismael
the above peace of code, ive changed the

var iconbox = $(‘.iconbox’),
into
var iconbox = $(‘jelle.iconbox’)

in the quick css ive put:
#top .jelle.iconbox {
cursor: pointer;
}

now i can see a custom class field below the text field in the icon box, see image ccf.jpg
i fill in : jelle
and yes, the pointer is now for the whole box. but…still ONLY the title is linking to the destination page.
there is a ‘hand’ – pointer over the rest of the text, but once clicked its not linking
see: http://jeelsites.nl/veiling/ (were talking about the left box called: Test.
what is going wrong?

NB: the code looks like this now:
<script type=”text/javascript”>
(function($) {
function a() {
var iconbox = $(‘jelle.iconbox’),
boxlink = ”;

iconbox.on(‘click’, function() {
boxlink = $(this).find(‘jelle.iconbox_content_title a’).attr(‘href’);
window.location.href = boxlink;
});
}

a();
})(jQuery);
</script>

• This reply was modified 9 years, 5 months ago by yampieters.

where do i need to place that? on the top or at the bottom? because at the bottom it doenst work.

Hello Yigit,

I found out how to change the font code, I used this code:
#top .av-subnav-menu li a > .avia-menu-text {
color: #FF6000; font:strong;
}

But I have still question about the translation of the”Menu”.

Hi Andy just found the solution. For information to any other user, here the php code to create an ad hoc shortcodes that adds an <abbr> tag to show full text on mouse hover on acronyms

<?php
/*it creates an <abbr> tag*/

if ( !class_exists( 'av_abbr' ) )
{
	class av_abbr extends aviaShortcodeTemplate
	{
			/**
			 * Create the config array for the shortcode button
			 */
			function shortcode_insert_button()
			{
				$this->config['name']			= __('Acronym Extension');
				$this->config['order']			= 100;
				$this->config['shortcode'] 		= 'av_abbr';
				$this->config['tooltip'] 	    = __('Creates a full text which appears on mouse over acronyms terms');
				$this->config['inline'] 	= true;
				$this->config['tinyMCE']    = array('tiny_always'=>true);
			}

			/**
			 * Popup Elements
			 *
			 * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
			 * opens a modal window that allows to edit the element properties
			 *
			 * @return void
			 */
			function popup_elements()
			{
				$this->elements = array(
					
					array(
							"type" 	=> "tab_container", 'nodescription' => true
						),
						
					array(
							"type" 	=> "tab",
							"name"  => __("Content" , 'avia_framework'),
							'nodescription' => true
						),
					array(	"name" 	=> __("Acronym", 'avia_framework' ),
							"desc" 	=> __("This is the acronym.", 'avia_framework' ),
				            "id" 	=> "acronym",
				            "type" 	=> "input",
				            "std" => __("ACR", 'avia_framework' )),
					
					array(	"name" 	=> __("Full title", 'avia_framework' ),
							"desc" 	=> __("This is the text that appears on your acronym.", 'avia_framework' ),
				            "id" 	=> "title",
				            "type" 	=> "input",
				            "std" => __("Full text", 'avia_framework' )),
					array(
							"type" 	=> "close_div",
							'nodescription' => true
						),
						
				);

		}

			/**
			 * Frontend Shortcode Handler
			 *
			 * @param array $atts array of attributes
			 * @param string $content text within enclosing form of shortcode element
			 * @param string $shortcodename the shortcode found, when == callback name
			 * @return string $output returns the modified html string
			 */
			function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
			{
				$output = "";

				$atts = shortcode_atts(
						array(	'title'=>'',
								'acronym' =>'', 
							), $atts, $this->config['shortcode']);
				

			
				$output = '';
				
				$output= "<abbr title='".$atts['title']. "'> " . $atts['acronym'] . "</abbr>";

				
				return $output;
			}

	}
}

You can close the topic. Thanks

Elena

Hello,

Take a closer look please:

The video will auto load if the video is visible on the load. So for example, it loads header video if you first load page. And, if you go to middle of page and hit reload, it will load that video. But if you scroll up, you will see the top video never started.

Thanks,
Jason

OK I figured out that the diagonal border is only for the “footer” of the section and therefore does not overlap the top of the next section. So if you use and image as a background for the next section you need to use a PNG and have it fade to transparent at the top of the section to create the illusion of the diagonal line being a part of that section. This is what you guys did in the second section of the Creative Studio demo.

If you could add to the wish list to make the diagonal both top AND bottom of a single section, that would solve the problem for me and allow me to blend the sections together more easily.

So rather than using the diagonals, for continuity I will have to use horizontal transitions.

Go ahead and close this ticket.

Thank you!

• This reply was modified 9 years, 5 months ago by MichaelAlbany.

I’m not going to add another ticket this ticket is under the correct question and this topic is still relevant under it.