HomeProblem with tooltip and forum title
3 posters
Page 1 of 2
Page 1 of 2 • 1, 2 
Problem with tooltip and forum title
by darki July 25th 2015, 8:14 pm
Hi,
I use tooltip in my forum, here the codes:
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!
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, 10:45 pm; edited 3 times in total
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Re: Problem with tooltip and forum title
by Michael_vx August 24th 2015, 8:29 am
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 ?
do you mean you want to change the words off-topic or what exatly you dont want it to appear ?
Michael_vx- Forumember
-
Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 24th 2015, 8:36 am
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.
So I asked for a solution so that this field won't appear.
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Re: Problem with tooltip and forum title
by Michael_vx August 24th 2015, 8:52 am
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
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
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 24th 2015, 8:58 am
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.
<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 -
Re: Problem with tooltip and forum title
by Michael_vx August 24th 2015, 9:20 am
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
sorry for the bad English
also you did not say what is your forum version
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 24th 2015, 9:24 am
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.
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 -
Re: Problem with tooltip and forum title
by Michael_vx August 24th 2015, 9:31 am
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
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
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 3:27 am
@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:
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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/m/tabs_more1.gif);}
.contract {background: url(http://2img.net/i/fa/m/tabs_less1.gif);}
/* Schöne Einfärbung */
#left .module,.module,#postingbox.panel,.panel.loginPanel,.panel.introduction,.portal .module{background-image:url(http://2img.net/i/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(//2img.net/i/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 -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 4:57 am
i think the CSS are good
http://micsoft-test.forummotion.com
see for your self
if the JavaScripts are not the reason and your Generalities have only this code
then let me think by guessing
did you Edit the index template or something ?
http://micsoft-test.forummotion.com
see for your self
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
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 5:01 am
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. ^^
This is necessary, so that tooltip works. ^^
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 5:12 am
@darki
yes i installed both Scripts in 1 JavaScrip spared by 3 lines between the first and the 2nd
yes i installed both Scripts in 1 JavaScrip spared by 3 lines between the first and the 2nd
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 5:20 am
If that works, ok. 
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.
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 -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 5:25 am
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 ???
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
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 5:29 am
For me as a guest the problem appears. Could you make a screenshot?
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 5:36 am
I mean a screenshot after entering the forum "OFF-Topic". ^-^
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 5:46 am
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
you need to remove this part
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>
you need to remove this part
- Code:
<h1 class="page-title">
- Code:
</h1>
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 5:57 am
No, as I said this is the forum title:
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?
- 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 -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 6:05 am
this how i think and checked your forum
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 6:15 am
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.
I think we won't solve the problem.
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 6:22 am
now i have something can solve the problem
in the CSS replace
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}
- Code:
h1.page-title:before {
content:url(http://abload.de/img/foot1057yb6.png);
vertical-align:top;
}
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 6:40 am
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 -
Re: Problem with tooltip and forum title
by Michael_vx August 25th 2015, 6:45 am
hmm
i dont know how to do that background
sorry
you need someone able to style
i dont know how to do that background
sorry
you need someone able to style
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: Problem with tooltip and forum title
by darki August 25th 2015, 6:50 am
Ok, but thank you for your try to help. 
darki- Forumember
- Posts : 254
Reputation : 10
Language : German, english -
Page 1 of 2 • 1, 2
Similar topics» How do I add tooltip to the title tags? [phpbb3]
» A new problem with rank title! :S
» code problem, forum title
» Tipsy tooltip problem
» Changing the page-title red problem
» A new problem with rank title! :S
» code problem, forum title
» Tipsy tooltip problem
» Changing the page-title red problem
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
