Någon som vet hur jag tar bort detta?

Frågor kring forumdesign (teman/themes) för phpBB 3 (3.0.0 eller senare).

Moderatorer: Moderatorgrupp, Supportgrupp

Skriv svar
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 21:54
Svar: 0

Någon som vet hur jag tar bort detta?

Inlägg av Morgan84 »

Som ni ser så har min banner fått sig en fet gråfärgad rand på både höger och vänster sida.
Vill ju ha en enhetlig bakgrund.
Se bild:
1.jpg
Och här längst ner på sidan så har jag en fet vit linge som går tvärs över hela sidan.
Se bifogad bild:
2.jpg
Hur åtgärdar jag dessa problemen?
Har letat och letat men blir galen när jag inte får rätt på det.

Mvh Morgan
Senast redigerad av Sinom den 2011-07-13 00:23, redigerad totalt 1 gång.
Anledning: Flyttad från Support till Teman & Design
Användarens profilbild
Sinom
Verified
Administratör
Administratör
Inlägg: 11535
Blev medlem: 2010-11-04 21:24
Svar: 14

Re: Någon som vet hur jag tar bort detta?

Inlägg av Sinom »

Hej Morgan!

Gå till \styles\we_universal\theme och öppna common.css

Hitta:

Kod: Markera allt

body {
	background: #f9f9f9;
	margin: 15px 0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #828282;
}
Ersätt med:

Kod: Markera allt

body {
	background: #f9f9f9;
	background: #000 url("{T_THEME_PATH}/images/carbon.gif") repeat fixed;
	margin: 15px 0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #828282;
}
Hitta:

Kod: Markera allt

#header {
	background: #292c2f;
	width: 100%;
	left: 0;
	position: absolute;
}
Ersätt med:

Kod: Markera allt

#header {
	background: #292c2f;
	background: #000 url("{T_THEME_PATH}/images/carbon.gif") repeat fixed;
	width: 100%;
	left: 0;
	position: absolute;
}
Glöm inte att uppdatera din stil i din ACP.

Hugs :ugeek:
Bild
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 21:54
Svar: 0

Re: Någon som vet hur jag tar bort detta?

Inlägg av Morgan84 »

Får inte rätt på det trots att jag uppdaterat acp och rensat cache :(
Så här ser modifierad kod ut.

Kod: Markera allt

* {
	margin: 0;
	padding: 0;
}

html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
   height: 101%;
}

body {
   background: #f9f9f9;
   background: #000 url("{T_THEME_PATH}/images/carbon.gif") repeat fixed;
   margin: 15px 0;
   font: 62.5% Verdana, Arial, Helvetica, sans-serif;
   color: #828282;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 10px;
	margin-bottom: 0.3em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 14px;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Structure
---------------------------------------- */
#wrapper {
	background: #fff;
	border: 2px solid #e7e7e7;
	width: 980px;
	margin: auto;
}

#simple-wrapper {
	padding: 2px 20px;
}

#bar {
	height: 40px;
	padding: 0 20px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

#header {
   background: #292c2f;
   background: #000 url("{T_THEME_PATH}/images/carbon.gif") repeat fixed;
   width: 100%;
   left: 0;
   position: absolute;
}

#dashboard {
   width: 980px;
   height: 190px;
   margin: auto;
}

#container {
	margin-top: 190px;
	padding: 15px 20px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

#footer {
	background: url("{T_THEME_PATH}/images/footer.png") repeat-x;
	width: 100%;
	margin-top: -25px;
	padding-top: 25px;
	position: absolute;
	z-index: -1;
}

/* Top bar
---------------------------------------- */
#bar p {
	margin: 14px 0;
	float: left;
	color: #aaa;
}

#quick-search {
	margin: 9px 0;
	float: right;
}

#quick-search input {
	border: 0;
	float: left;
}

#quick-search #keywords {
	background: url("{T_THEME_PATH}/images/search_input.png") no-repeat;
	width: 165px;
	padding: 4px 4px 4px 8px;
	color: #c5c5c5;
	cursor: text;
}

#quick-search #search {
	background: url("{T_THEME_PATH}/images/search_button.png") no-repeat;
	width: 23px;
	height: 21px;
	text-indent: -1000em;
}

/* Dashboard
---------------------------------------- */
#dashboard ul {
	list-style: none;
}

#dashboard #navigation-top {
   float: right;
   position: relative;
}

#dashboard #navigation-bottom {
	bottom: 0;
	position: absolute;
}

#dashboard li {
	display: inline;
	font-size: 1.1em;
}

#dashboard li a {
	background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x;
	padding: 7px 10px;
	display: inline-block;
	color: #eaeaea;
}

#dashboard li a:hover, #dashboard li a:focus {
	background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x 0 100%;
	text-decoration: none;
}

/* Name and description
---------------------------------------- */
#site-description {
	margin-top: 30px;
	margin-left: 50px;
	position: absolute;
	white-space: nowrap;
}

#site-description h1, #site-description p {
}

#site-description h1 {
	font-size: 3.5em;
	color: #fff;
}

#site-description p {
	font-size: 3.2em;
	color: #fff;
}

/* Footer
---------------------------------------- */
#copyright p {
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
}

#copyright {
	padding: 10px 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.6em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 7px 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 19%; }
table.table1 .active	{ text-align: left; width: 19%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 25%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px !important;
	padding: 5px 7px;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	padding: 8px 10px;
	margin-bottom: 10px;
	line-height: 1.3em;
	font-size: 11px;
	color: #bcbcbc;
}

.rules-header {
	margin-bottom: 4px;
	display: block;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #f3dddd;
	border: 1px solid #deb7b7;
	background-image: none;
	padding: 5px 10px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 21:54
Svar: 0

Re: Någon som vet hur jag tar bort detta?

Inlägg av Morgan84 »

Kan nu meddela att jag fick bort den övre grå linjen.
Jag rensade historiken på min dator så försvann den.
Dock har jag kvar den vita som syns längst ner på sidan.

Mvh Morgan
Användarens profilbild
Sinom
Verified
Administratör
Administratör
Inlägg: 11535
Blev medlem: 2010-11-04 21:24
Svar: 14

Re: Någon som vet hur jag tar bort detta?

Inlägg av Sinom »

I common.css hitta och ta bort:

Kod: Markera allt

background: url("{T_THEME_PATH}/images/footer.png") repeat-x;
Se om det hjälper.

Hugs :ugeek:
Bild
Morgan84
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 264
Blev medlem: 2011-05-17 21:54
Svar: 0

Re: Någon som vet hur jag tar bort detta?

Inlägg av Morgan84 »

Äntligen är det som det brukar=)
Tack så hemskt mycket för detta;)
Nu kör jag vidare i min andra tråd ;)

Mvh Morgan
Skriv svar

Vilka är online

Användare som besöker denna kategori: 5 och 0 gäster