Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

StaT

Problem Modyfikacja ShoutBox by Matti

Promowane odpowiedzi

Nazwa modyfikacji : ShoutBox by Matti

Pełny opis problemu : Więc tak pobrałem zainstalowałem wszystko ładnie chodzi, ale nie pasowała mi ta belka nie pasujaca do stylu więc chciałem zmienić na belke z mojego stylu jednak

Poprzez zamienienie tego

ShoutBox[/code]




Na to 



[code]ShoutBox

Dzieje sie takie cos jak widac na demo stronki ;/ Prosze o pomoc z tym

Demo/Screen : Wszystko widać na stronie

Strona WWW : www.4strike.xaa.pl

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Znajdź w pliku css

tcatLeft

i zmień wartość width na 100%

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Niestety mam tylko wysokosc do tego, ogolnie to ja nw czy ja to dobrze robie. Na jednym z forum przeczytalem że trzeba zamienić na cellpic jednak mi to nic nie pomaga

moj css

/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 

	background:url(images/pageBG.gif) #f8f8f8 repeat-x;

	margin: 0px auto;

}



/* General font families for common tags */

font,th,td,p			{ font-family: Tahoma; }

a:link,a:active,a:visited	{ color : #217db0; }

p, td			{ font-size : 11px; color : #3e3e3e; }

a:hover			{ text-decoration: underline; color : #00477e; }

hr				{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; }


/*Modyfikace */

.tcatLeft{background:url(images/tcatLeft.gif) no-repeat top left;height:36px}

.tcatRight{background:url(images/tcatRight.gif) no-repeat top right;height:36px}

.tcatRightt{background:url(images/tcatRightt.gif) no-repeat top right;height:36px}

.tcatBar h2{padding: 0 0 0 16px;font:bold 9pt arial,helvetica,sans-serif;line-height:15px;float:left;font-weight:700;color: #fff;}

.tcatBar{background:url(images/tcatBG.gif) repeat-x top left;color:#fff;height:36px;clear:both;margin-top:8px;float:left;border:0;padding:0;width:100%}

.bottomBar{background:url(images/bottomBarBG.gif) repeat-x top left;height:13px;font-size:0;clear:both}

.bottomBarLeft{background:url(images/bottomBarLeft.gif) no-repeat top left;height:13px;font-size:0}

.bottomBarRight{background:url(images/bottomBarRight.gif) no-repeat top right;height:13px;font-size:0}

.post_field{background:#fff;color:#414141;border:1px solid #d3d3d3;padding:3px 3px 3px 10px;margin-top:2px;text-align:left}

.post_fieldd{background:#fff;color:#414141;border:1px solid #d3d3d3;padding:3px 3px 3px 10px;margin-top:2px;}


 /* Header */


.headerBox {

        background:url(images/headerBG.gif) no-repeat top left;

	height:103px;

	position:relative;

}

#logo {

	position:absolute;

	top:0;

	left:0;

}

.registerBox {

	float:right;

	color:#ababab;

	height:40px;

	line-height:40px;

}

.registerBoxWrap {

	background:url(images/registerBoxBG.gif) repeat-x top left;

	height:40px;

}

.registerBoxLeft {

	background:url(images/registerBoxLeft.gif) no-repeat top left;

	height:40px;

}

.registerBoxRight {

	background:url(images/registerBoxRight.gif) no-repeat top right;

	height:40px;

	padding:0 38px;	

}

.registerBox a:link, .registerBox a:visited {

	background:url(images/registerarrow.gif) no-repeat right;

	color:#fff;

	padding-right:22px;

}

.registerBox a:hover {

	color:#e9e9e9;

}

.memberBox {

	position:absolute;

	top:57px;

	right:35px;

	line-height:25px;

	color:#959595;

}

.memberBox ul {

	list-style:none;

	padding:0;

	margin:0;

}

.memberBox .loginLeft li {

	float:left;

	margin:0;	

	padding:0 3px;

}

.loginBoxInput {

	background: url(images/loginboxinput.gif) no-repeat top left;

	width:118px;

	height:23px;

}

.loginInput {

	background:transparent;

	border:0;

	color: #4d5153;

	padding:4px 0 3px 0;

	font-size:11px;

	width:108px; 

	margin:1px 5px 0 5px;

}

.inputPad .loginBoxInput {

	margin-top:2px;

}

.searchButton input {

	margin-top:0;	

}

.rememberMe {


}

.memberBox .rememberMe {

	font-size: 11px;

}

.memberBox .rememberMe input {

	vertical-align: baseline;

}

.cb_cookieuser_navbar{

	position: relative;

	top: 2px;

}

.memberBox a:link, .memberBox a:visited {

	color:#fff;

}

.memberBox a:hover {

	color:#b1d5ff;

}

.loginTxt {

	padding-left:6px;

	color:#fff;

}

.notreg {

	background:url(images/regSplit.gif) no-repeat right;

	padding-right:13px;

}

a:link.notreg, a:visited.notreg {

	color:#93cce7;

}

a:hover.notreg {

	color:#fff;

}


.loginLeft {

float:left;

}



/* Menu */

.navbar {

	background:url(images/navBG_blue.gif) repeat-x top left;

	position:relative;

	height:81px;

	font:   12px arial, helvetica, sans-serif;

	color:#fff;


	width:100%;

	padding:0;

	margin:0;

}


.navbarLeft {

	background:url(images/navLeft_blue.gif) no-repeat top left;

	height:81px;

}

.navbarRight {

	background:url(images/navRight_blue.gif) no-repeat top right;

	height:81px;

	padding:0 9px;

}


#navtabs li.selected ul.floatcontainer {

	margin-top:13px;

	left: -44px;

}

#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {

	line-height:27px;

	height:27px;

}


.navtabs ul li:first-child {

	text-indent: 23px;

}


.navtabs {

	padding-left:0;

		margin-top: -12px;

}

.navtabs ul {

	position:absolute;

	top:36px;

	left:0px;


	list-style:none;

	width:100%;

    direction:ltr;

}

.navtabs li {

	float:left;

	list-style:none;

	padding-right:2px;

	background:url(images/navsplit.gif) no-repeat top right;

}

.navtabs li li {

	background:none;

}


.navtabs ul li {

	border-right: 0;

	position: relative;

}

.navtabs li a {

	height:46px;

	line-height:46px;

}

.navtabs li a.navtab {

	display:block;

	min-width:60px;

	width:auto !important;

	width:60px;

	_min-width:75px;

	_width:auto !important;

	_width:75px;

	text-align:center;

	color:#fff;

	font-size:13px;

	text-decoration:none;

	line-height:46px;

	height:46px;

	padding:0 10px;

	font-weight:700;

}

.navtabs li a.navtab:hover {

	background:url(images/navBG_hover_blue.gif) repeat center top;

	color:#fff;

}


.navtabs li.selected {

	color:#fff;

	height:46px;

}

.navtabs li.selected a.navtab {

	color:#fff;

	position:relative;

	top:-px;

	padding-top:px;

	z-index:10;

}

.navtabs li.selected li a,

.navbar_advanced_search li a {

	text-decoration:none;

	font:   12px arial, helvetica, sans-serif;

	line-height:27px;

}

.navtabs li.selected li {

	padding:0 5px;

}

.navtabs li.selected li li {

	padding:0 2px;

}

.navtabs li.selected li a {

	color:#fff;

	font-weight:400;

	padding:2px 5px;

}


.navbar_advanced_search li {

	height: 27px;

	display:block;

	clear:both;

}


.navbar_advanced_search li a {

	color:#fff;

}


.navbar_advanced_search li a:hover {

	color:#fff;

	text-decoration:none;

}


.navtabs li.selected li a:hover {

	color:#aee1f8;

	text-decoration:none;

}


/* Szukajka */


#searchBox {

	position:absolute;

	top:11px;

	right:20px;

}

#searchBox .textbox {

	background:#e7f4fa;

	border:1px solid #5ca3c4;

	height:20px;

	-moz-border-radius:3px;

	line-height:20px;

	padding:0;

}

#searchBox .searchBox_container {

	float:left;

	display:block;

	padding:1px 6px 0 0;

}

#searchBox .searchBox_button {

	float:left;

	display:block;

	padding-top:1px;

}


/* This is the border line & background colour round the entire page */

.bodyline { background-color:		#ffffff;  border: solid #e9e9e9 1px; 

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

}


/* This is the outline round the main forum tables */

.forumline { background-color: #d5d5d5; }


/* Main table cell colours and backgrounds */

td.row1 { background: url(images/row1.png) repeat-x;  background-color: #fbfbfb; border-left-width: 1px; border-left-style: solid; border-left-color: #fff; }

td.row2 { background: url(images/row1.png) repeat-x;  background-color: #fbfbfb; border-left-width: 1px; border-left-style: solid; border-left-color: #fff; }

td.row4 { background: url(images/row2.png) repeat-x;  background-color: #fbfbfb;  }

td.row3 { background-color: #D1D7DC; }

td.row5 { background-color: #f3f3f3; border-left-width: 1px; border-left-style: solid; border-left-color: #fff;}

td.row_helped { background-color: #F0EDDE; }


/*

	This is for the table cell above the Topics, Post & Last posts on the index.php page

	By default this is the fading out gradiated silver background.

	However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

background-color: #FFFFFF;

background-image: url('images/cellpic2.jpg');

background-repeat: repeat-y; height: 22px;

}


/* Header cells - the blue and silver gradient backgrounds */

th {

color:			#fff; font-size: 11px; font-weight: bold;

background-color:	#217db0; height: 36px;

background-image:	url(images/cellpic3.png);

}


td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {


background-color:#ebebeb; border: #979797; border-style: solid; height: 28px; text-align: center;

}


/*

	Setting additional nice inner borders for the main table cells.

	The names indicate which sides the border will be on.

	Don't worry if you don't understand this, just ignore it :-)

*/

td.cat,td.catHead,td.catBottom { background-color:#ebebeb; height: 22px; color: #979797;  }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {

font-weight: bold; border: #FFFFFF; height: 28px;

}


th.thCornerL,th.thTop,th.thCornerR {color: #fff; font-size: 70%; font-weight: bold; 

background-color: #217db0; background-image: url('images/cellpic3.png'); height: 36px; }


td.row3Right,td.spaceRow { background-color: #dddcdc; border: #FFFFFF; border-style: solid; }


th.thHead,td.catHead			{ font-size: 12px; border-width: 0px; }

th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }

th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }

th.thLeft,td.catLeft			{ border-width: 0px; }

th.thBottom,td.catBottom		{ border-width: 0px; }

th.thTop				{ border-width: 0px; }

th.thCornerL				{ border-width: 0px; }

th.thCornerR				{ border-width: 0px; }


/* The largest text used in the index page title and toptic title etc. */

.maintitle {

font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

text-decoration: none; line-height : 120%; color : #3e3e3e;

}


/* General text */

.gen						{ font-size : 11px; }

.genmed					{ font-size : 11px; }

.gensmall					{ font-size : 10px; }

.gen,.genmed,.gensmall			{ color : #3e3e3e; }

a.gen,a.genmed,a.gensmall			{ color: #217db0; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #00477e; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 10px; color : #3e3e3e; }

a.mainmenu		{ text-decoration: none; color : #217db0; }

a.mainmenu:hover	{ text-decoration: underline; color : #00477e; }


/* Forum category titles */

.cattitle		{ font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #217db0;}

a.cattitle		{ text-decoration: none; color : #217db0; }

a.cattitle:hover	{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */

.forumlink		{ font-weight: bold; font-size: 11px; color : #217db0; }

a.forumlink		{ text-decoration: none; color : #217db0; }

a.forumlink:hover	{ text-decoration: underline; color : #00477e; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav		{ font-weight: bold; font-size: 11px; color : #3e3e3e;}

a.nav	{ text-decoration: none; color : #217db0; }

a.nav:hover	{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #3e3e3e; }

a.topictitle:link	{ text-decoration: none; color : #217db0; }

a.topictitle:visited	{ text-decoration: none; color : #5493B4; }

a.topictitle:hover	{ text-decoration: underline; color : #00477e; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name { font-size : 10px; color : #000000; text-decoration: none;}


/* Location, number of posts, post date etc */

.postdetails		{ font-size : 11px; color : #3e3e3e; }


/* The content of the posts (body of text) */

.postbody		{ font-size : 11px; line-height: 18px; }

a.postlink:link	{ text-decoration: none; color : #217db0; }

a.postlink:visited	{ text-decoration: none; color : #5493B4; }

a.postlink:hover	{ text-decoration: underline; color : #00477e; }


/* Quote & Code blocks */

.code {

font-family:		Courier, 'Courier New', sans-serif; font-size: 10px; color: #006600;

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

}


.quote {

font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%;

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

}


/* Copyright and bottom info */

.copyright		{ font-size : 11px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.copyright		{ text-decoration: none; color : #217db0; }

a.copyright:hover	{ text-decoration: underline; color : #00477e; }


/* Form elements */


form { margin: 0; }

form { display: inline; }


input,textarea, select {

color : #3e3e3e;

font: normal 11px Verdana, Arial, Helvetica, sans-serif;

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

}


select.button {  


padding:4px 5px;

	outline:0;

	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

background-color: #fff;

}


/* The text input fields background colour */

input.post, textarea.post, select			{ background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px;  }

input.post2, textarea.post2, select	{ background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px;  }

input						{ text-indent : 2px; }


/* The buttons used for bbCode styling in message post */

input.button {

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

color :			#3e3e3e;

font-size:		11px; font-family: Verdana, Arial, Helvetica, sans-serif;

cursor:			pointer;

}


/* The main submit button option */

input.mainoption {

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

font-weight:		bold;

cursor:			pointer;

}


/* None-bold submit button */

input.liteoption {

background: url(images/row1.png) repeat-x;  background-color: #fbfbfb;

border: solid #e9e9e9 1px; 

font-weight:		normal;

cursor:			pointer;

}


/* This is the line in the posting page which shows the rollover

	help line. This is actually a text box, but if set to be the same

	colour as the background no one will know 

*/

.helpline { background-color: #DEE3E7; border-style: none; }


/* Highlight bad words for moderators instead of censoring them */

span.badwordhighlight { background-color: #FFFF00; }


.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }

.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#00477e;

height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0; }


.pm { font-size: 11px; text-decoration: none; color: #FF0000; } 


.table0

{

	background-color : #EFEFEF;

	border-bottom-color : #dedede;

	border-bottom-style : solid;

	border-bottom-width : 1;

	border-left-color : #fefefe;

	border-left-style : solid;

	border-left-width : 1px;

	border-right-color : #dedede;

	border-right-style : solid;

	border-right-width : 1px;

	border-top-color : #D1D7DC;

	border-top-style : solid;

	border-top-width : 1px;

	color : #000000;

	font-size : 10px;

}


.pagination {

	color: #666;

	font-size: 10px;

	font-weight: bold;

	padding: 3px;

    padding-bottom: 4px;

	cursor: pointer;

	text-decoration: none;

}

.pagination a, .pagination a:visited, .pagination a:active {

	background-color: #EAEBEB;

	color: #000;

	border-color: #D4D7DA;

	border: #D4D7DA 1px solid;

	padding: 1px;

	text-decoration: none;

}

.pagination a:hover {

	background-color: #FFF;

	color: #666;

	border-color: #EAECEF;

	border: #EAECEF 1px solid;

	text-decoration: none;

	padding: 1px;

}


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */

@import url("formIE.css");[/code]

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

StaT, no to po prostu stwórz nowego div'a i ustaw tak jak chcesz. Potem wpliku go dodaj i bdz. ok.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Połącz cały swój cellpic, aby był jednym obrazkiem w programie graficznym.

.tcatLeft{background:url(images/tcatLeft.gif) no-repeat top left;height:36px}

.tcatRight{background:url(images/tcatRight.gif) no-repeat top right;height:36px}

Potem w .css dodaj:

.mojcellpic { background:url(images/cellpic.gif) no-repeat; height: 36px; }

i wpisz mojcellpic w shoutboxie.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Ale jednak jest coś dziwnego tcatLeft.gif odpowiada za belke

jednak ten tcatRight.gif odpowiada za to na górze gdziej est napisane "Witamy na Gothic Craft" Więc ja juz nie wiem..

http://www.4strike.xaa.pl/Ikonki/tcatLeft.gif

http://www.4strike.xaa.pl/Ikonki/tcatRight.gif

Ja juz nw...

[ Dodano: 2012-05-13, 15:27 ]

Poradzilem sobie

Mozna close

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×