Sziasztok!
Használom ezt a plugint, működik is gond nélkül csak egyetlen gondom van vele mégpedig, hogy nem lehet egy teljes sort beírni mert eltördeli olyankor is amikor az adott szó még teljesen kiférne.
mellékelek egy képet amin a probléma jól látható. Ha valaki tudna segíteni a probléma elhárításában azt nagyon szépen megköszönném.
a css-ét szerkeszd meg, valahol egy div nem teljes szélességű, ez lesz a gond…
'mano' wrote on '2010-10-11:
a css-ét szerkeszd meg, valahol egy div nem teljes szélességű, ez lesz a gond...
Szinte már mindent megpróbáltam átírni a css-ben de semmi nem segített. Berakom ide a css-ét hátha a szakavatottabb szemek több mindent látnak.
Quote:
<?php
/*
This file is php so that admins can control its look without editing the code.
The headers below tell the browser to cache the file and also tell the browser it is css.
*/
require('../../../wp-config.php');
// expire every 30 days
$offset = 60*60*24*30;
$ExpStr = gmdate("D, d M Y H:i:s",time() + $offset)." GMT";
$last_modified_time = gmdate("D, d M Y H:i:s",filemtime($_SERVER['SCRIPT_FILENAME']))." GMT";
header("Last-Modified: ".$last_modified_time);
header("Cache-Control: max-age=".$offset.", must-revalidate");
header("Pragma: private");
header("Expires: ".$ExpStr);
header('Content-Type: text/css');
$shout_opt = get_option('shoutbox_options');
?>
/* This file controls the look of the Live shoutbox... */
#chatoutput {
height: 200px;
/* width: 172px; */
/* Horizontal Scrollbar Killer */
padding: 6px 8px;
/* Borders */
border: 1px solid #;
border-width: 1px 1px;
-moz-border-radius : 14px 0px 0px 0px;
font: 11px helvetica, arial, sans-serif;
color: #;
background: #;
overflow: auto;
margin-top: 10px;
}
#chatoutput span { font-size: 9pt; color: #; }
#chatForm label, #shoutboxAdmin { display: block; margin: 4px 0; }
#chatoutput li a { font-style: normal; font-weight: bold; color: # }
/* User names with links */
#chatoutput li span a { font-weight: normal; display: inline !important; border-bottom: 1px dotted # }
#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp, #shout_theme { width: 120px; display: block; margin: 0 auto; }
#chatForm textarea { width: 200px; }
#chatForm input#submitchat { width: 170px; margin: 10px auto; border: 2px outset; padding: 2px; }
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #; background: none; font-size: 1em; list-style: none; min-height: px; }
/* No bullets from Kubrick et al. */
#chatoutput ul#outputList li:before { content: ''; }
ul#outputList li:first-line { line-height: 16px; }
#lastMessage { padding-bottom: 2px; text-align: center; border-bottom: 2px dotted #; }
div#responseTime { display: inline; }
#chatoutput .wp-smiley { vertical-align: middle; }
#JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; }
#usersOnline { color: #; font-size: 9px; text-align: center; }
#chatInput {}
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }
#wordspew .delShout { cursor: pointer; color:red; font-weight: bold; margin-left: 4px; }
.shoutbox_archive { margin: 20px; text-align: left; }
.shoutbox_archive .header { background: #000; color: #fff; height: 30px;}
table#wordspew { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; padding: 6px; color: #000; }
.msg { width: 70%; }
.name { white-space: nowrap; }
.date, .IP { text-align: center; }
.alternate { background-color: #f8f8f8; }
.goback { float: right; margin: 6px; }
#chatoutput li span.jal_user, #chatoutput li span.jal_user a, td span.jal_user { font-weight: bold; }
.ps_left { float: left; margin-right: 2px; }
.ps_right { float: right; margin-left: 2px; }
tr.bg td { border-bottom: 1px dashed #; padding: 2px; }
tr.bg:hover td, tr.bg:hover td a { background: #; color: #; }
#chatoutput .InfoUser, .InfoUser { color: red; font-size: xx-small; }
/*
This file is php so that admins can control its look without editing the code.
The headers below tell the browser to cache the file and also tell the browser it is css.
*/
require('../../../wp-config.php');
// expire every 30 days
$offset = 60*60*24*30;
$ExpStr = gmdate("D, d M Y H:i:s",time() + $offset)." GMT";
$last_modified_time = gmdate("D, d M Y H:i:s",filemtime($_SERVER['SCRIPT_FILENAME']))." GMT";
header("Last-Modified: ".$last_modified_time);
header("Cache-Control: max-age=".$offset.", must-revalidate");
header("Pragma: private");
header("Expires: ".$ExpStr);
header('Content-Type: text/css');
$shout_opt = get_option('shoutbox_options');
?>
/* This file controls the look of the Live shoutbox... */
#chatoutput {
height: 200px;
/* width: 172px; */
/* Horizontal Scrollbar Killer */
padding: 6px 8px;
/* Borders */
border: 1px solid #;
border-width: 1px 1px;
-moz-border-radius : 14px 0px 0px 0px;
font: 11px helvetica, arial, sans-serif;
color: #;
background: #;
overflow: auto;
margin-top: 10px;
}
#chatoutput span { font-size: 9pt; color: #; }
#chatForm label, #shoutboxAdmin { display: block; margin: 4px 0; }
#chatoutput li a { font-style: normal; font-weight: bold; color: # }
/* User names with links */
#chatoutput li span a { font-weight: normal; display: inline !important; border-bottom: 1px dotted # }
#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp, #shout_theme { width: 120px; display: block; margin: 0 auto; }
#chatForm textarea { width: 200px; }
#chatForm input#submitchat { width: 170px; margin: 10px auto; border: 2px outset; padding: 2px; }
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #; background: none; font-size: 1em; list-style: none; min-height: px; }
/* No bullets from Kubrick et al. */
#chatoutput ul#outputList li:before { content: ''; }
ul#outputList li:first-line { line-height: 16px; }
#lastMessage { padding-bottom: 2px; text-align: center; border-bottom: 2px dotted #; }
div#responseTime { display: inline; }
#chatoutput .wp-smiley { vertical-align: middle; }
#JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; }
#usersOnline { color: #; font-size: 9px; text-align: center; }
#chatInput {}
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }
#wordspew .delShout { cursor: pointer; color:red; font-weight: bold; margin-left: 4px; }
.shoutbox_archive { margin: 20px; text-align: left; }
.shoutbox_archive .header { background: #000; color: #fff; height: 30px;}
table#wordspew { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; padding: 6px; color: #000; }
.msg { width: 70%; }
.name { white-space: nowrap; }
.date, .IP { text-align: center; }
.alternate { background-color: #f8f8f8; }
.goback { float: right; margin: 6px; }
#chatoutput li span.jal_user, #chatoutput li span.jal_user a, td span.jal_user { font-weight: bold; }
.ps_left { float: left; margin-right: 2px; }
.ps_right { float: right; margin-left: 2px; }
tr.bg td { border-bottom: 1px dashed #; padding: 2px; }
tr.bg:hover td, tr.bg:hover td a { background: #; color: #; }
#chatoutput .InfoUser, .InfoUser { color: red; font-size: xx-small; }
Másold be a html-outputot is (böngészőben forrás-nézet és az üzenőfalad html-kimenete). Csak rakd be spoiler tagbe, ha nagyon hosszú.
70% ?
Gyanús, de a screenshot alapján inkább 50-nek tűnik, azért szeretném látni a html-kimenetet, hogy mi mibe van nestelve.
'psztrnk' wrote on '2010-10-12:
Gyanús, de a screenshot alapján inkább 50-nek tűnik, azért szeretném látni a html-kimenetet, hogy mi mibe van nestelve.
Erre a részletre gondoltál?
Code:
Üzenőfal

Last Message
12 órával
agoXabiliv van jelen.
-
Xabiliv : reméljük, hogy lesz 80 milliónk....
- Grastone : Mata,Bent,Turan, Defour kell −-−>80 millió
- Grastone : szasztok
- tothems : Grat. az oldalhoz;)
-
Vendég_659 : Forlán jöhet!
-
Redfan : Én örülnék ha sikerülne megszereznünk Kiesslinget. Mostanában nem nagyon volt normális csatárunk Torresen kívül.
Név:
URL/Email:
Üzenet:
<object id="TheBox" type="application/x-shockwave-flash" data="http://liverpoolfans.fw.hu/wp-content/plugins/pierres-wordspew/player.swf"
width="1" height="1"><param
name="AllowScriptAccess" value="always" />
köszönöm, hogy próbáltok segíteni.
A
Code:
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
részhez próbálj meg beírni egy width értéket, pl
Code:
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; width: 160px;}
(Érdekes, hogy a 70%-os msg class nem is szerepel a html-ben...)
'psztrnk' wrote on '2010-10-12:
A
Code:
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
részhez próbálj meg beírni egy width értéket, pl
Code:
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; width: 160px;}
(Érdekes, hogy a 70%-os msg class nem is szerepel a html-ben...)
átírtam de semmi sem változott:( Nem lehet, hogy az a prbléma, hogy widget-be van téve?
'Steve04' wrote on '2010-10-12:
átírtam de semmi sem változott:( Nem lehet, hogy az a prbléma, hogy widget-be van téve?
Nekem gyanús ez a widgetbox halfwidth......
'Steve04' wrote on '2010-10-12:
Nekem gyanús ez a widgetbox halfwidth......
Valakinek valami ötlete?
előre is köszi
A halfwidth-del az a gáz, hogy az nem a shoutboxhoz tartozik, hanem a WP widgetek css-éhez. Tudsz adni egy linket az oldaladhoz? Megpróbálom megnézni web developer css edittel.
'psztrnk' wrote on '2010-10-13:
A halfwidth-del az a gáz, hogy az nem a shoutboxhoz tartozik, hanem a WP widgetek css-éhez. Tudsz adni egy linket az oldaladhoz? Megpróbálom megnézni web developer css edittel.
http://liverpoolfans.fw.hu/
előre is köszi.
Na megvan.
A
Code:
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #; background: none; font-size: 1em; list-style: none; min-height: px; }
elembe írjál egy szélességet, mondjuk width: 250px;-t (vagy amennyit gondolsz), így:
Code:
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #; background: none; font-size: 1em; list-style: none; min-height: px; width: 250px;}
Nagyon szépen köszönöm. Hibátlanul működik.
Köszönöm még1x.