The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Problem with tooltip and forum title

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Problem with tooltip and forum title

Post by darki on July 25th 2015, 10:14 am

Hi,

I use tooltip in my forum, here the codes:
Spoiler:
Code:
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// releated under the MIT license

(function($) {
   
    function fixTitle($ele) {
        if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
            $ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
        }
    }
   
    function Tipsy(element, options) {
        this.$element = $(element);
        this.options = options;
        this.enabled = true;
        fixTitle(this.$element);
    }
   
    Tipsy.prototype = {
        show: function() {
            var title = this.getTitle();
            if (title && this.enabled) {
                var $tip = this.tip();
               
                $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
                $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
                $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
               
                var pos = $.extend({}, this.$element.offset(), {
                    width: this.$element[0].offsetWidth,
                    height: this.$element[0].offsetHeight
                });
               
                var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
                var gravity = (typeof this.options.gravity == 'function')
                                ? this.options.gravity.call(this.$element[0])
                                : this.options.gravity;
               
                var tp;
                switch (gravity.charAt(0)) {
                    case 'n':
                        tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 's':
                        tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 'e':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
                        break;
                    case 'w':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
                        break;
                }
               
                if (gravity.length == 2) {
                    if (gravity.charAt(1) == 'w') {
                        tp.left = pos.left + pos.width / 2 - 15;
                    } else {
                        tp.left = pos.left + pos.width / 2 - actualWidth + 15;
                    }
                }
               
                $tip.css(tp).addClass('tipsy-' + gravity);
               
                if (this.options.fade) {
                    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
                } else {
                    $tip.css({visibility: 'visible', opacity: this.options.opacity});
                }
            }
        },
       
        hide: function() {
            if (this.options.fade) {
                this.tip().stop().fadeOut(function() { $(this).remove(); });
            } else {
                this.tip().remove();
            }
        },
       
        getTitle: function() {
            var title, $e = this.$element, o = this.options;
            fixTitle($e);
            var title, o = this.options;
            if (typeof o.title == 'string') {
                title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
            } else if (typeof o.title == 'function') {
                title = o.title.call($e[0]);
            }
            title = ('' + title).replace(/(^\s*|\s*$)/, "");
            return title || o.fallback;
        },
       
        tip: function() {
            if (!this.$tip) {
                this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
            }
            return this.$tip;
        },
       
        validate: function() {
            if (!this.$element[0].parentNode) {
                this.hide();
                this.$element = null;
                this.options = null;
            }
        },
       
        enable: function() { this.enabled = true; },
        disable: function() { this.enabled = false; },
        toggleEnabled: function() { this.enabled = !this.enabled; }
    };
   
    $.fn.tipsy = function(options) {
       
        if (options === true) {
            return this.data('tipsy');
        } else if (typeof options == 'string') {
            return this.data('tipsy')[options]();
        }
       
        options = $.extend({}, $.fn.tipsy.defaults, options);
       
        function get(ele) {
            var tipsy = $.data(ele, 'tipsy');
            if (!tipsy) {
                tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
                $.data(ele, 'tipsy', tipsy);
            }
            return tipsy;
        }
       
        function enter() {
            var tipsy = get(this);
            tipsy.hoverState = 'in';
            if (options.delayIn == 0) {
                tipsy.show();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
            }
        };
       
        function leave() {
            var tipsy = get(this);
            tipsy.hoverState = 'out';
            if (options.delayOut == 0) {
                tipsy.hide();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
            }
        };
       
        if (!options.live) this.each(function() { get(this); });
       
        if (options.trigger != 'manual') {
            var binder  = options.live ? 'live' : 'bind',
                eventIn  = options.trigger == 'hover' ? 'mouseenter' : 'focus',
                eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
            this[binder](eventIn, enter)[binder](eventOut, leave);
        }
       
        return this;
       
    };
   
    $.fn.tipsy.defaults = {
        delayIn: 0,
        delayOut: 0,
        fade: false,
        fallback: '',
        gravity: 'n',
        html: false,
        live: false,
        offset: 0,
        opacity: 0.8,
        title: 'title',
        trigger: 'hover'
    };
   
    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };
   
    $.fn.tipsy.autoNS = function() {
        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };
   
    $.fn.tipsy.autoWE = function() {
        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };
   
})(jQuery);
Spoiler:
Code:
$(document).ready(function(){
      $(function() {
        $('a').tipsy({fade: true, gravity: 's'});
        $('.i_icon_quote').tipsy({fade: true, gravity: 's'});
        $('.i_icon_edit').tipsy({fade: true, gravity: 's'});
        $('.i_icon_delete').tipsy({fade: true, gravity: 's'});
        $('.i_icon_ip').tipsy({fade: true, gravity: 's'});
        $('.i_icon_profile').tipsy({fade: true, gravity: 's'});
        $('.i_icon_pm').tipsy({fade: true, gravity: 's'});
        $('.topic-title').tipsy({fade: true, gravity: 's'});
        $('.i_post').tipsy({fade: true, gravity: 's'});
        $('.i_reply').tipsy({fade: true, gravity: 's'});
      });
    });
CSS:
Code:

.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
 
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: #12A3EB;
color: white;
font-weight: 700;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
 
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
 
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
 
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
 
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
 
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
 
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
 
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
 
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
 
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
 
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

My problem in forums, where I use e.g. the following as name/title of forum (so that tooltip appears)

<a class="forumtitle" href="/f33-" title="OFF-Topic-Bereich des Schiggysboards">OFF-Topic</a>

is that:


Does anyone has an idea how to change the title/name, so that the problem in picture above won't appear?

Thanks in advance!


Last edited by darki on September 6th 2015, 12:45 pm; edited 3 times in total

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 1st 2015, 12:41 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 2nd 2015, 2:42 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 5th 2015, 7:07 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 19th 2015, 4:04 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 23rd 2015, 8:47 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 23rd 2015, 10:29 pm

im a bit confused about your problem
do you mean you want to change the words off-topic or what exatly you dont want it to appear ?

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 23rd 2015, 10:36 pm

No, in picture above you see in a field the word "OFF-Topic". Above that there is another field without content. This field appears because of that what in start post is written by me. And this field should not be there.
So I asked for a solution so that this field won't appear.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 23rd 2015, 10:52 pm

as the test on my testing forum i did not find anything wrong

what is your forum version and can you provide the whole content of Generalities  may be there is a code or Script making it appear

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 23rd 2015, 10:58 pm

As I said it only appears by using e.g. this as forum title:
<a class="forumtitle" href="/f33-" title="OFF-Topic-Bereich des Schiggysboards">OFF-Topic</a>

Would I don't use this, but just the name as forum title (like just "OFF-Topic"), tooltip won't appear for this forum.

So my question is whether there is another possibility to name the forum title, so that tooltip appears, BUT NOT the second field without content. If not, whether it would be possible through CSS or JS.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 23rd 2015, 11:20 pm

the tooltip looks fine with my test im guessing you may have an other Script conflect with the tooltip Script
sorry for the bad English
also you did not say what is your forum version

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 23rd 2015, 11:24 pm

My forum version can you in profile info field on the left side of posts in this forum. It's phpbb3.

Maybe you are right. But until now I couldn't make a script responsible causing my problem.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 23rd 2015, 11:31 pm

sorry for asking about your forum version even while its on your profile info since im no longer using forumotion forums im only looking to help others who use forumotion any way

try these steps may help
1 if you have other Java Scripts disable them if the problem still on
2 provide the CSS here so i can try
3 if you like to provide the other Java Scripts this may let me find the problem

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 5:27 pm

@Michael_vx Javascript codes are not the reason of the problem. I deactivated the JS codes management and the problem has been still there.

My CSS can you see here:
CSS:
Code:
#profile-tab-field-profil div.separator{border-bottom:1px dashed #00A5CD}
 
.warning {
    background: none repeat scroll 0 0 #F0E8E0;
    border: 1px solid #C00000;
    font-family: Tahoma,Arial;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    text-align: center;
}
 
#tabs a {
    background-color: #1c91d9;
    border-color: #fff #fff -moz-use-text-color;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin-left:5px;
    margin-bottom:-3px;
    padding: 6px 8px;
}
 
#new-message-link a {
  border:none;
}
 
#tabs a span { color:white;} #tabs a:hover span {color:#333}
table#fbperfil tbody tr td#fbnome div.h3 { background-color:#c3e0f1; padding: 5px 6px 30px 10px;margin-bottom:-40px;border-radius:4px;border:1px white solid;}
/*ende Profilansicht*/
 
#topicPreview-container .vote { display:none }
 
/* Wörter- und Zeichenzähler ANFANG */
#Forumieren_editorAmount {
  color: #F87217;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 900
  text-align: center;
}
#Forumieren_editorAmount > span {
    color: #169DF7;
    font-weight: 900;
}
/* Wörter- und Zeichenzähler ENDE */
 
/* Anfang AWC */
    .a_chat_pm tr, .a_chat_pm td, .a_chat_tab tr, .a_chat_tab td, .a_chat_cmd tr, .a_chat_cmd td {
        display:none!important;
    }
    .a_chat_pm:before, .a_chat_tab:before, .a_chat_cmd:before {
        content: 'Hidden Content';
        font-style: italic;
    }
/* Ende AWC */
 
/* button image */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* drop down input */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}
 
.forabg + ul.linklist ~ #chatbox_popup, .forabg + ul.linklist ~ .page-bottom, .forabg + ul.linklist ~ p, .forabg + ul.linklist ~ .h3, .stat {
      background:#E1EBF2;
      border:4px solid #00a5cd;
      border-top:none;
      padding:3px;
      margin:0;
    }
 
    .forabg + ul.linklist ~ .h3, h3stat {
      border-top:2px solid #00a5cd;
      border-radius:10px 6px 0 0;
      background-image:url(http://illiweb.com/fa/prosilver/bg_list.gif);
      padding:6px 3px;
      margin-top:10px;
    }
 
.h3 a {
  color: #fff;}
 
#fa_toolbar #fa_right #notif_list li .content { font-size:1.1em;}
 
div.content   { font-size:1.3em;}
 
        /* Profile popup */
#profcont-container {
    background:#EEE !important;
    border:1px solid #CCC !important;
}
 
#userAVA img{
    position:absolute;
    top:43px;
    right:30px;
    height:50px;
    width:50px;
}
 
.profile_popup_nav {
    background:#E0E0E0;
    margin:-4px -4px 10px -4px;
    padding:3px;
    padding-top:10px !important;
    height:auto;
    border-bottom:1px solid #CCC;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}
 
.propop_tab {
    color:#888;
    text-shadow:1px 1px 0 #F5F5F5;
    cursor:pointer;
    -webkit-border-radius:4px 4px 0px 0px;
      -moz-border-radius:4px 4px 0px 0px;
            border-radius:4px 4px 0px 0px;
    border:1px solid #CCC;
    border-bottom:none;
    -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
      -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
            box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
    background:#DDD;
    margin:0 2px;
    padding:3px;
}
 
.propop_tab:hover {
    position:relative;
    top:1px;
    color:#666;
    text-shadow:none;
    background-color:#EEE;
}
 
.propop_tab.activeTab {
    position:relative;
    top:1px;
    color:#666;
    text-shadow:none !important;
    background-color:#EEE !important;
}
 
#profileLinks {
    background:#E0E0E0;
    display:block;
    padding:3px;
    margin:10px -4px -4px -4px;
    border-top:1px solid #CCC;
    -webkit-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
}
 
/* Kopfzeile und Navigation*/
#page-header .navbar{padding:0!important;background:#A0D1E8;border-radius:7px 7px 0 0}
ul.navlinks{-moz-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;background-image:url(//abload.de/img/navis8i1rs2qpp.png);border-radius:0 0 7px 7px;border-top:1px solid #FFF;bottom:9px;height:30px;position:relative;text-align:center;border-color:#1AA9F0}
ul.linklist.navlinks > li > a{display:inline-block;line-height:30px}
ul.linklist.navlinks a{color:#FFF;font-weight:650;padding:0 10px;text-decoration:none}
ul.linklist.navlinks li.active > a,ul.linklist.navlinks li:hover > a{background:none repeat scroll 0 0 #369fcf;color:#FFF}
ul.linklist li:hover{border-bottom:0!important;box-shadow:0!important}
 
/*Pathbox*/
.pathname-box {-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;background:#F3F3F3;border:1px solid #D9D9D9;border-radius:3px;box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;margin-top:10px;color:#F3F3F3}
.pathname-box p {color:#F7F2F2;font-size:1.11em;line-height:1.5;margin:0}
a.nav{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat scroll 100% -1px transparent;color:#666;font-size:12px;line-height:30px;margin-top:5px;padding:11px 17px 11px 4px}
 
 
#fa_toolbar #live_notif .fa_notification .content{background-color: #A0D1E8; color: #25272B;}
 
.tabelle {overflow: auto; width: 100%px; height: 100%}
.ani {position:relative;left:-150px;widght:700px}
 
#live_notif .fa_notification {
  background-color: #A0D1E8 !important;
  color: #25272b}
#fa_toolbar #notif_unread {
  color: #FF0000 !important;
  font-weight: 900;}
#fa_right.welcome #fa_menu #fa_welcome, #fa_right.notification > #fa_notifications {
  background-color: #12A3EB !important;
  color: #fff !important;}
#fa_toolbar #fa_menulist {
  background-color: #ECF3F7;}
#fa_toolbar #fa_right #notif_list {
  background-color: #12A3EB !important;}
#fa_toolbar #fa_right #notif_list {
  background-color: #ECF3F7 !important;}
 
#resol_d{background:none repeat scroll 0 0 #eb3b3b;border-radius:4px 4px 4px 4px;color:#FFF;display:inline-block;font-size:9px;font-weight:700;height:15px;line-height:15px;padding:0 5px;text-transform:uppercase;vertical-align:middle}
 
#search-box #keywords, .inputbox, .inputbx, input, select, textarea {padding:3px;border-radius:3px;}
.inputbox{background:none repeat scroll 0 0 #fff;border:1px solid #369fcf!important;border-radius:2px 2px 2px 2px;color:#000;height:16px;padding:2px;}
#quick_reply button.bbcode.button2,.postprofile dd a:hover img,.profile-icons img[src$="/citer111.png"],.topic-actions .buttons a img:hover,form[action^="/modcp"] + div + p.right a img:hover,ul.profile-icons li img:hover{opacity:.7}
#quick_reply #text_editor_controls .button2,.postprofile dd a img,.topic-actions .buttons a img,form[action^="/modcp"] + div + p.right a img,ul.profile-icons li img{opacity:1}
 
/* Beitragsprofil */
div.post{background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/bg_post.png)!important;background-position:center bottom;background-repeat:repeat-x;border:1px solid #C3E0F1;border-radius:6px 6px 6px 6px;box-shadow:1px 1px 1px;-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;margin:8px 1px;padding-bottom:8px;padding-top:4px}
.post .corners-bottom,div.post .corners-top{display:none}
.postprofile{border:medium none!important;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 6px #FFF;-moz-box-shadow:1px 1px 6px #FFF;-webkit-box-shadow:1px 1px 6px #FFF;padding:5px}
/* Colorpicker / Farbauswahl */
.color-option{display:inline-block!important;width:15px!important;height:15px!important;border:2px solid #fff!important;margin:3px!important;box-shadow:0 0 2px #789;cursor:pointer!important}
.color-option span{display:block!important;width:15px!important;height:15px!important}
.color-option,.color-option span{border-radius:2px}
.sceditor-dropdown.sceditor-color-picker{width:200px!important;height:100px!important;padding:5px!important;border-radius:5px!important}
/* Toolbar */
#wrap{margin-top:-20px}
#fa_share,#fa_hide,#fa_search,#fa_left,#fa_share{display:none!important}
#fa_right{border:1px solid #368AD2;border-top:0!important;border-radius:0 0 0 5px;background:url(http://illiweb.com/fa/prosilver/bg_list.gif)}
#fa_service{font-size:0}
#fa_toolbar,#fa_toolbar_hidden,#fa_icon{background-color:transparent!important;background-image:none!important;box-shadow:none!important}
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{background:url(http://illiweb.com/fa/prosilver/bg_list.gif);background-image:url(http://i.imgur.com/aovdw88.png);background-position:25px 2px;background-repeat:no-repeat;display:inline;padding:7px 25px 7px 5px;font-size:14px}
#fa_right #fa_menu #fa_welcome,#fa_right.notification #fa_menu #fa_welcome{font-size:14px}
/* Neueste PO Themen Modul */
        .topicBox a.topictitle {
          color:#666;
          background:#EEE;
          border:1px solid #CCC;
          border-radius:3px;
          display:block;
          margin:2px 0;
          padding:3px;
        }
 
/* Schiggy im Thementitel */
h1.page-title a,h1.solo{background:url(http://abload.de/img/foot1057yb6.png) no-repeat scroll 7px 50% #ecf3f7;border-bottom:3px solid #1494CF;border-top:3px solid #1494CF;color:#1494CF;display:block;font-family:sans-serif;font-size:1.2em;font-style:normal;font-variant:normal;font-weight:700;height:45px;padding-left:54px;padding-top:16px;text-shadow:1px 1px 2px #fff}
/* Modulüberschrift */
.module .h3{background:url(http://illiweb.com/fa/prosilver/bg_list.gif);border-bottom:2px solid #c9daeb;color:#fff;font-weight:700;margin:-10px -10px 8px;padding:8px;text-align:center!important}
/* Editor und Editor Buttons */
.sceditor-button.sceditor-button-font{background:url(http://abload.de/img/font10ywd20.png) repeat scroll 0 0 rgba(0,0,0,0)!important;height:18px;width:77px}
.sceditor-button.sceditor-button-font:hover{background:url(http://abload.de/img/font10ywd20.png) repeat scroll 0 0 rgba(0,0,0,0)!important;box-shadow:none!important}
.sceditor-button.sceditor-button-font > div{display:none!important}
.sceditor-button.sceditor-button-size{background:url(http://abload.de/img/size12vleye.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;height:18px;width:57px}
.sceditor-button.sceditor-button-size:hover{background:url(http://abload.de/img/size12vleye.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;height:18px;width:57px}
.sceditor-button.sceditor-button-size > div{display:none!important}
#text_editor_controls{display:!important}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe{height:200px!important;width:100%!important}
div.sceditor-group{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-bottom:medium none!important;margin:1px 5px 1px 0;padding:1px}
.sceditor-button:hover{background:#D5DDE5!important;box-shadow:none!important}
.sceditor-button:active,.sceditor-button .active{background-color:#F0F0F0!important;border:1px solid #BBB!important;opacity:1!important;padding:2px 4px!important}
.sceditor-button .active:focus{background-color:#86CAFF!important}
div.sceditor-toolbar{background:none repeat scroll 0 0 padding-box #E4EBF2!important;border-bottom-width:0!important;padding:3px 5px 2px!important}
/* Bilder rezsizen, Maximale Größe*/
a.fa_fancybox img {max-width: 100%;}
/*User On-/Offline Status*/
.user_status{vertical-align:top;border-spacing:0;display:inline}
#is_on.user_status{color:green}
#is_off.user_status{color:red}
.post #is_on.user_status{display:none}
.post.online #is_off.user_status{display:none}
.post.online #is_on.user_status{display:inline}
/*Cookies bestätigen unsichtbar machen*/
div#cookieChoiceInfo{display:none}
/*schöne Bilderlegende*/
ul#picture_legend,ul#privmsgs-menu {background:none repeat scroll 0 0 #fff;border:1px solid #369fcf;border-radius:4px;margin-left:17%;margin-top:18px;padding:3px 0;text-align:center;width:613px}
/* Moderations"tools" in Beiträgen*/
.sucesso,.alerta,.aviso,.infos{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#f6f6f6;border-color:#e3e3e3 #e3e3e3 #e3e3e3 #00a5cd;border-image:none;border-radius:2px;border-style:solid;border-width:1px 1px 1px 5px;box-shadow:0 1px 0 0 #fff;margin:5px 0;overflow:auto;padding:10px;width:100%!important}
.sucesso{background:url(http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png) no-repeat scroll 7px 50% rgba(123,166,13,0.2);border-color:#7ba60d;color:#7ba60d;padding-left:49px;width:780px!important}
.alerta{background:url(http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png) no-repeat scroll 7px 50% rgba(233,25,58,0.09);border-color:#e9193a;color:#e9193a;padding-left:49px;width:780px!important}
.aviso{background:url(http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png) no-repeat scroll 7px 50% rgba(212,162,74,0.22);border-color:#d4a24a;color:#d4a24a;padding-left:49px;width:780px!important}
.infos{background:url(http://i72.servimg.com/u/f72/17/19/90/23/get-in10.png) no-repeat scroll 7px 50% rgba(0,165,205,0.09);border-color:#00a5cd;color:#00a5cd;padding-left:49px;width:780px!important}
/* Einklappbare Foren*/
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
/* Schöne Einfärbung */
#left .module,.module,#postingbox.panel,.panel.loginPanel,.panel.introduction,.portal .module{background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);background-position:center bottom;background-repeat:repeat-x;border:1px solid #C3E0F1;border-radius:6px 6px 6px 6px;box-shadow:1px 1px 1px;-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;margin:3px 1px;padding-bottom:8px;padding-top:4px}
.forabg,.forumbg announcement,.forumbg,.panel{border-radius:6px 6px 6px 6px;box-shadow:1px 1px 1px;-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;margin:3px 1px}
.panel{border:1px solid #C3E0F1}
/* Seitenzähler und Buttons */
.pagination span strong, fieldset.submit-buttons input, .button1{background:#268fbf;border-radius:3px;color:#FFF!important;font-weight:900;margin:1px;padding:5px 10px!important}
.pagination span a,.button1,.button2, fieldset.submit-buttons input, .button1 {background:#1494CF!important;border:none!important;border-radius:3px;color:#FFF!important;font-weight:700;margin:1px;padding:5px 10px!important}
.pagination span a.pag-img, fieldset.submit-buttons input, .button1{background:#A0D1E8;}
.pagination span a:hover,.button1:hover,.button2:hover{background:#48A8D4!important}
.pagination span a:focus,.button1:focus,.button2:focus{background-color:#333!important}
/* Forensuche */
#forum-search input#search_keywords,#search-box input#keywords,#search_menu input.inputbox.medium{background:none repeat scroll 0 0 #fff;border:1px solid #369fcf!important;border-radius:3px 0 0 3px;color:#000;height:16px;padding:6px;transition:all 750ms ease 9ms}
#search #keywords:focus{width:250px}
#forum-search input.button2,#search-box input.button2,#search_menu input.button1{background:url(//abload.de/img/search10h3r67.png) no-repeat scroll center center #369fcf!important;border-radius:0 3px 3px 0;font-size:0;height:30px;border:1px solid #369fcf!important;margin:0;width:30px!important}
/* Schnellantwort Editor verbreitern*/
#quick_reply #textarea_content{width:71%!important}
 
/* Breitenverältnisse im Index*/
ul.topiclist dd.dterm{width:62%}
dd.posts,dd.topics,dd.views{width:6%}
dd.lastpost{width:21%}
ul.topics dd.dterm,ul.topics dt{width:50%}
ul.topics dd.posts,ul.topics dd.topics,ul.topics dd.views{width:8%}
ul.topics dd.lastpost{width:20%}
.topiclist.forums dd.lastpost{-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background-color:#DCEAF5;border-bottom:1px solid #C3E0F1;border-radius:5px;border-right:1px solid #C3E0F1;margin:6px 13px}
/* Fußzeile */
#page-footer .rightside,.rightside a,div.navbar ul.linklist li.rightside strong a{color:#FFF}
#page-footer .navbar{background:none 0 0 repeat scroll #1A8CF0;background-position:bottom center;background-repeat:repeat-x;border:1px solid;border-bottom-right-radius:12px;border-color:#4ca0ce #155d98 #155d98;border-top:0;border-top-left-radius:12px;clear:both;padding:0}
#page-footer .navbar ul.linklist li:hover{display:block;display:block}
.icon-home{background-color:transparent;background-image:url(http://i.imgur.com/ZFXEi.png);background-position:3px -5px;background-repeat:no-repeat;color:rgba(0,0,0,0)!important;float:left;font-size:0!important;height:44px!important;margin-left:17px!important;margin-right:30px!important;margin-top:12px!important;padding-right:0!important;position:absolute;width:44px!important}
ul.linklist li{margin:0!important;padding:0!important;color:#fff}
ul.linklist.navlinks > li > a{display:inline-block;line-height:30px}
/* Autor im Beitrag*/
p.author{background:none repeat scroll 0 0 #FBFBFB;border:1px solid #C3E0F1;border-radius:6px;color:#232323;margin-top:3px;padding-left:3px;padding-top:3px;position:relative;width:220px}
/* Zitat Codebox und Spoiler */
blockquote cite{color:#069;}
blockquote{background:url(http://i42.servimg.com/u/f42/09/02/12/09/commen10.png) no-repeat 3px 3px;padding-left:8px;}
dl.codebox dt a{float:right;}
dl.codebox dt{background:url(http://abload.de/img/script-code-iconklkr9.png) no-repeat;border:none;color:#069;font-size:.9em;padding:3px 3px 3px 25px;text-transform:none;}
dl.codebox.spoiler dt{background:url(http://abload.de/img/spoiler6xjc4.png) no-repeat}
dl.codebox.hidecode dt:before{content:"Versteckt:"}
dl.codebox.hidecode dt{background-image:url(http://abload.de/img/script-code-iconklkr9.png);height:17px}
blockquote,dl.codebox{background-color:#FFF!important;border:1px solid #369FCF;border-left-width:5px;margin:3px 10px; border-radius: 3px;}
/* Schiggy im Editor */
.sceditor-container iframe,.sceditor-container textarea{background:url(http://abload.de/img/transparentesschiggyedk1f.png) no-repeat right bottom!important};
/* Signaturgröße Eingrenzen */
.signature_div img{max-width:850px!important;max-height:450px!important}
/* Fancybox */
a.fa_fancybox img{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;padding:0;margin:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:920}
.fancybox-skin{position:relative;padding:0;margin:0;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.fancybox-opened{z-index:930}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{padding:0;margin:0;position:relative;outline:none}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;padding:0;margin:0;vertical-align:top}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png)}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:920}
#fancybox-loading div{width:44px;height:44px;background:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif) center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:940}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url(http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:940}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:940;visibility:hidden}
.fancybox-prev span{left:20px;background-position:0 -36px}
.fancybox-next span{right:20px;background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;padding:0;overflow:visible;visibility:hidden}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:910;background:#000}
#fancybox-overlay.overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:950}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:930;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
/* Like-System*/
.LGvote{float:right}
.LGlike{background:#105289;padding:3px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;text-shadow:-1px .5px #888;box-shadow:1px 1px 1px #888;cursor:pointer;margin-right:4px}
.LGvote{margin:0 5px}
.LGnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
 
.s{background-image:url(//abload.de/img/sclu6ofho86.png);background-color:transparent;background-repeat:no-repeat;}#a{height:33px;width:28px;background-position:0 0;}#b{height:30px;width:30px;background-position:-28px 0;}#c{height:32px;width:33px;background-position:-58px 0;}#d{height:36px;width:33px;background-position:-91px 0;}#e{height:41px;width:48px;background-position:-124px 0;}#f{height:26px;width:32px;background-position:-172px 0;}#g{height:19px;width:40px;background-position:-204px 0;}#h{height:17px;width:21px;background-position:-244px 0;}#i{height:48px;width:48px;background-position:-265px 0;}#j{height:32px;width:32px;background-position:-313px 0;}#k{height:32px;width:30px;background-position:-345px 0;}#l{height:35px;width:34px;background-position:-375px 0;}#m{height:32px;width:32px;background-position:-409px 0;}#z{height:30px;width:32px;background-position:-439px -2px;}
.forums li.row:hover,.topiclist li.row:hover{background-color:#dceaf5 !important;}.icon dd{border:none !important;}form#smilies_categ{display:none!important}div.c2{display:none}div.c1{height:13px;width:16px;border-radius:4px;cursor:pointer;position:absolute;background:url(//illiweb.com/fa/optimisation_fdf/common/arrow_rtl.png) 0 -13px no-repeat #f5ebf7}ul.navlinks span.new-message{color:red}#logo-desc{background-image:url(http://abload.de/img/banner_marvin_schweifanxn0.png);height:120px;width:795px;margin:auto}.profile_field_list li{display:inline-block}#chatbox_footer .fontbutton{border-radius:2px 2px;border:2px solid #fff}.post{border:1px solid #fff;border-radius:8px}.navlinks a[href="/groups"]{display:none !important;}
ul.topiclist.forums,.topiclist.topics.bg_none{background-color:#1675bc !important;}.forums li.row,.topiclist li.row{background-color:#e5f1f9 !important;border-bottom:1px solid #c3e0f1;border-top:1px solid #fff;}.forums li.row:first-child,.forumbg .row:first-child{-webkit-border-radius:6px 6px 0 0 !important;border-radius:6px 6px 0 0 !important;-moz-border-radius:6px 6px 0 0 !important;border-top:none;}.forums li.row:last-child,.forumbg .row:last-child{-webkit-border-radius:0 0 6px 6px !important;-moz-border-radius:0 0 6px 6px !important;border-radius:0 0 6px 6px !important;border-bottom:none;}.forums li.row:last-child:first-child,.forumbg .row:last-child:first-child{border-radius:6px !important;-moz-border-radius:6px !important;-webkit-border-radius:6px !important;border:none;}
#blahh{
 
 
border: 0 !important; /*Removes border*/
 
 
-webkit-appearance: none; /*Removes default chrome and safari style*/
 
 
-moz-appearance: none; /* Removes Default Firefox style*/
 
 
 
 
 
background: #ECF3F7 url(http://icons.iconarchive.com/icons/rafiqul-hassan/blogger/16/Arrow-Download-icon.png) no-repeat 100px center; /*background color and arrow image*/
 
 
width: 120px; /*Width of select dropdown to give space for arrow image*/
 
 
text-indent: 0.01px; /* Removes default arrow from firefox*/
 
 
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
 
 
color: #000; /*font color*/
 
 
border-radius: 5px; /*roundness of the border*/
 
 
padding: 1px; /*space around the text*/
 
 
height:20px; /*menu height*/
 
 
box-shadow: inset 0 0 0px rgba(000,000,000, 0.5); /*inner shadow*/
 
 
}
 
 
 
 
 
#blahh option {
 
 
border-radius: 10px 0; /*roundness of the border*/
 
 
padding-right: 1em; /*space on right side*/
 
 
padding-left: 50px; /*space on left side of text to allow the background image to show*/
 
 
padding-bottom: 10px; /*space on bottom to allow full image to show*/
 
 
background-repeat: no-repeat; /* stops background image from repeating*/
 
 
background-position: 0px center; /* 0px to left center to top and bottom*/
 
 
text-align: right; /*make the text go all the way to the right*/ 
 
 
margin-bottom: 10px; /*space on bottom to prevent some errors with this styling*/
 
 
}
 
/*---mobile-metro-style-by Quân Ligerv---*/
@media screen and (max-width: 800px) {
#page-body{background-color:#f6f6f6;}
.mobile_title.application_header{background:#43A6DF;}
.form_login{margin-top:30px;}
.inputTxtContainer{background:none;border:none;margin-top:0;}
.inputTxtContainer .inputTxt{background-color:#FFF!important;line-height:1.4;font-size:16px;display:block;width:97%;border:1px solid #E4E4E4;padding:.4em;}
.autologin{position:relative;z-index:100;}
.autologin label{margin-left:10px;}
#checkbox_autologin{z-index:101;line-height:31px;height:31px;margin-left:10px;}
#checkbox_autologin:after{content:" ";height:31px;width:100%;position:absolute;background:#fff;left:0;z-index:-1;border:1px solid #E4E4E4;top:0;}
.defaultBtn{width:100%;min-height:31px;background:#505558;border-radius:0;}
.mobile_set{background:#2E3539;}
.mobile_item{border:none;border-top:1px solid #e4e4e4;background:#fff;}
.mobile_item:hover{background:#f2f2f2;}
.forum_no_new,.cat_no_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_10.png) no-repeat scroll 0 50%;}
.forum_new,.cat_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_11.png) no-repeat scroll 0 50%;}
.forum_locked{background:url(http://i76.servimg.com/u/f76/15/23/22/46/rsz_re10.png) no-repeat scroll 5px 50%;background-size:25px 25px;}
.mobile_item_link_content{background:url(http://i76.servimg.com/u/f76/15/23/22/46/go10.png) no-repeat scroll 100% 50%;padding:0 2.5em 0 45px;}
.mobile_title{background:#2E3539;border-bottom:1px solid #5e5e5e;}
.mobile_prev_button,.mobile_next_button{border:none;box-shadow:none;width:24px;height:24px;background-image:url(http://i76.servimg.com/u/f76/15/23/22/46/metro-11.png);border-radius:0;background-color:transparent;background-position:-84px 50%;margin:3px;}
.mobile_next_button div,.mobile_next_button p,.mobile_prev_button p,.mobile_prev_button div{display:none;}
.post{background:#FFF;border-bottom:solid 1px #E4E4E4;}
.postbody .post_header{background-color:#F2F2F2;background-image:none;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;border-right:none;border-left:none;color:#3e3e3e;font-weight:700;text-shadow:0 1px 1px #fff;}
blockquote{border-radius:0;border-color:#ccc;}
blockquote cite{border-radius:0;}
.spoiler_title{background:none;border-radius:0;color:#fff;}
.spoiler_content.hidden,.codebox code{background:#4e4e4e;border-radius:0;border:1px solid #555;}
.spoiler,.codebox{background:#2E3539;border-radius:0;color:#fff;border:0;}
.mobile_prev_button{background-position:-112px 50%;}
}

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 6:57 pm

i think the CSS are good
http://micsoft-test.forummotion.com
see for your self blackeye
if the JavaScripts are not the reason and your Generalities have only this code


Code:
<a class="forumtitle" href="/f33-" title="OFF-Topic-Bereich des Schiggysboards">OFF-Topic</a>

then let me think by guessing
did you Edit the index template or something ?

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 7:01 pm

Uhm, just as question, just to be sure: Did you install the two javascript codes from first post? o.o
This is necessary, so that tooltip works. ^^

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 7:12 pm

@darki
yes i installed both Scripts in 1 JavaScrip spared by 3 lines between the first and the 2nd

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 7:20 pm

If that works, ok. Very Happy Cause I'm online with a smartphone and cannot see tooltip in your test forum. In my forum I can see tooltip.

No matter..
As far as I know the index template (or others) are not (heavently) edited.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 7:25 pm

http://www.schiggysboard.com
is this the forum should have that problem

because when i entered this forum i have not even see the
"OFF-Topic"
Part
is that Script dose not appear for me as a guest or ???

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 7:29 pm

For me as a guest the problem appears. Could you make a screenshot?

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 7:33 pm

here you go

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 7:36 pm

I mean a screenshot after entering the forum "OFF-Topic". ^-^

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 7:46 pm

i get it i see the same as the image you provide
now i get what is your problem
at the page the code is 2 parts
Code:
<h1 class="page-title"><a original-title="" href="/f33-off-topic"></a><a original-title="OFF-Topic-Bereich des Schiggysboards" class="forumtitle" href="/f33-">OFF-Topic</a></h1>
if you look and focesd you will find the problem in that code it self
you need to remove this part
Code:
<h1 class="page-title">
and
Code:
</h1>
the problem in the image wont appear after that

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 7:57 pm

No, as I said this is the forum title:
Code:
<a class="forumtitle" href="/f33-" title="OFF-Topic-Bereich des Schiggysboards">OFF-Topic</a>

That's fore sure, I did that and I can see it in ACP. I think you did anything wrong.

Or do I understand you wrong?

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 8:05 pm


this how i think and checked your forum

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 8:15 pm

I only can say that this is not the forum title. Maybe the javascript causes combined with the forum title the problem, because it's doubly.

I think we won't solve the problem. :/

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 8:22 pm

now i have something can solve the problem
in the CSS replace
Code:
h1.page-title a,h1.solo{background:url(http://abload.de/img/foot1057yb6.png) no-repeat scroll 7px 50% #ecf3f7;border-bottom:3px solid #1494CF;border-top:3px solid #1494CF;color:#1494CF;display:block;font-family:sans-serif;font-size:1.2em;font-style:normal;font-variant:normal;font-weight:700;height:45px;padding-left:54px;padding-top:16px;text-shadow:1px 1px 2px #fff}
by this
Code:
h1.page-title:before {
  content:url(http://abload.de/img/foot1057yb6.png);
  vertical-align:top;
}

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 8:40 pm

By using your CSS code both white fields disappear. But "OFF-Topic" appears not in a white field, it has no background. One white field (for forum title) should be there

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by Michael_vx on August 24th 2015, 8:45 pm

hmm
i dont know how to do that background
sorry Sad
you need someone able to style Sad

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Problem with tooltip and forum title

Post by darki on August 24th 2015, 8:50 pm

Ok, but thank you for your try to help. Smile

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum