SimplePress: How to Set the Forum Width-Need Help From HTML Coders

[NiTroviousix]

Hey guys
i have installed Mingle Forum plugin really great !!
but there is a big proplem that the width is too small
here is the link
http://skidrowgem.hj.cx/?page_id=23
you got it right?

i need two points
1- i need to get "FORUM" page link from
http://skidrowgem.hj.cx/?page_id=23
to be
http://skidrowgem.hj.cx/forum
you got it?

2- i need to make the width of the forum only only only !!
like this



thanks

 

[Endire]

NiTroviousix,

You might try working backwards to see where you went wrong. I'm not sure what you mean when you say the whole thing went "stupid". Are you saying the width of your content is off? Try modifying the width from 100% to something smaller or a pixel based width instead. If you can provide a URL I can try and help you out.

You could also try asking in the Simple press forum,

http://simple-press.com/support-forum/

Hope that helps,

Shawn

 

[NiTroviousix]

reread the topic please
and you will got it
please help ...
thanks

 

[NiTroviousix]

?????????

 

[NiTroviousix]

i feel stupid !!


the problem was with Permalink ,,really feeling stupid <<
remaining the other point,,any help please?
[h=2][/h]

 

[ezine.writer]

NiTroviousix,

You might try working backwards to see where you went wrong. I'm not sure what you mean when you say the whole thing went "stupid". Are you saying the width of your content is off? Try modifying the width from 100% to something smaller or a pixel based width instead. If you can provide a URL I can try and help you out.

You could also try asking in the Simple press forum,

http://simple-press.com/support-forum/

Hope that helps,

Shawn

Well said...

 

[NiTroviousix]

Well said...

dear ..
this is the first problem
i have edited the problem !
please any kind of help (point 2) !

this is the style.css

/*
Theme Name: Dilapidated
Version: 2.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.
Author: GhostPool Designs
Author URI: http://www.ghostpool.com
*/

* {
outline: none;
}
html {
margin:0;
padding:0;
}
body {
margin: 0;
font-family: Arial;
font-size: 9pt;
font-weight: normal;
color: #808080;
text-align: center;
line-height: 18px;
}
a {
color: #d1d1d1;
text-decoration: none;
}
a:hover {
text-decoration: none;
}


/*************************** General Styling ***************************/

h1, h1 a, h2, h2 a {
text-transform: uppercase;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
line-height: 28px;
text-shadow: #000000 0.1em 0.1em 0.2em;
margin: 0 0 10px 0;
}
h1 {
font-size: 25pt;
}
h2 {
font-size: 20pt;
}
h1 a:hover, h2 a:hover {
color: #808080;
}
h3 {
text-transform: uppercase;
font-size: 18pt;
color: #808080;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
margin: 0 0 10px 0;
line-height: 30px;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
h4, h5, h6 {
text-transform: uppercase;
font-size: 12pt;
color: #808080;
font-family: "Arial Bold", Arial;
letter-spacing: -1px;
margin: 0 0 10px 0;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
h5 {
font-size: 10pt;
}
h6 {
font-size: 9pt;
}
ul {
margin: 2px 2px 0 15px;
padding: 0;
list-style: square;
}
li {
padding: 0 0 2px 0;
}
form {
margin: 0; padding: 0;
}
input, textarea, select {
background: #000000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: Arial;
color: #808080;
font-size: 9pt;
border: 1px solid #202020;
padding: 5px;
}
input:focus, textarea:focus {
border: 1px solid #404040;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border: 1px solid #404040;
}
blockquote {
font-style: italic;
margin: 0 0 0 15px;
padding: 0 0 0 5px;
border-left: 4px solid #404040;
}
hr {
margin: 20px 0;
padding: 0;
background-color: #202020;
color: #202020;
width: 100%;
border: 0;
}
table {
padding-bottom: 20px;
}
th {
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
background: #202020;
font-size: 12px;
}
td {
border-top: 1px solid #202020;
padding: 10px 20px;
}
fieldset {
border: 1px solid #202020;
padding: 10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
legend {
text-transform: uppercase;
font-weight: bold;
}

/*************************** Content Areas ***************************/

/* Page Wrap */
#page-wrap {
background: #111111 url('images/page-bg.jpg') repeat-y top center;
width: 980px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}

/* Overall Container */
#overall-container {
float: left;
width: 980px;
position: relative;
padding: 20px 0 20px 0;
}

/* Main Content Column */
#main-content {
float: left;
position: relative;
width: 610px;
overflow: hidden;
}

/* Sidebar */
#sidebar {
float: right;
position: relative;
width: 320px;
}

/*************************** Header ***************************/

#header {
float: left;
position: relative;
width: 980px;
height: 190px;
background: url('images/header.jpg');
z-index: 500;
}

/* Logo */
#logo {
float: left;
position: relative;
top: 50px;
left: 40px;
width: 680px;
height: 100px;
}
#logo img {
border: 0;
}
#text-logo {
float: left;
position: relative;
top: 50px;
left: 40px;
width: 680px;
height: 100px;
line-height: 60pt;
text-transform: uppercase;
font-family: "Arial Bold", Arial;
letter-spacing: -4px;
text-shadow: #000000 0.1em 0.1em 0.2em;
font-size: 60pt;
}
#text-logo a, #text-logo a:hover {
color: #808080;
}

/* Communication */
#communication {
position: relative;
top: 60px;
right: 55px;
float: right;
width: 190px;
height: 66px;
}
#communication img {
border: 0;
margin: 5px;
filterrogidXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#communication img:hover {
filterrogidXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/*************************** Navigation ***************************/

/* Navigation Container */
#nav {
position: relative;
top: 69px;
left: 40px;
float: left;
width: 720px;
}
#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-positionutside;
position:relative;
line-height: 18pt;
}
#nav ul li {
float:left;
position:relative;
margin-right: 25px;
}
#nav ul li a {
color: #808080;
letter-spacing: -1px;
font-size: 16pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
text-transform: uppercase;
text-shadow: #000000 1px 1px 1px;
}
#nav ul li a:hover {
color: #c0c0c0;
}

/* Drop Down Menus */
#nav ul ul {
position: absolute;
display: none;
width: 14em;
top: 2.5em;
left: 0em;
padding: 5px 0;
background: url(images/nav-bg.jpg) repeat-y;
}
#nav ul li ul li {
background-image: none;
}
#nav ul li ul a{
font-family: "Arial Bold", Arial;
width: 12em;
display: block;
height: auto;
float: left;
line-height: 1em;
padding: 5px 20px;
font-size: 10pt;
}
#nav ul ul ul{
top:auto;
}
#nav ul li ul ul {
z-index: 1;
left:14em;
margin: 0;
}
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul{
display:none;
}
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul{
display:block;
}

/* Navigation Links */
#nav ul .current_page_item a:hover,
#nav ul .current-cat a:hover,
#nav ul .current-menu-item a:hover {
color: #c0c0c0;
text-decoration: none;
}
#nav ul .current_page_item .page_item a,
#nav ul .current-cat .cat-item a,
#nav ul .current-menu-item .menu-item a,
#nav .current_page_ancestor .page_item a,
#nav .current-cat-ancestor .cat-item a,
#nav .current-menu-ancestor .menu-item a {
color: #808080;
}
#nav ul .current_page_item .page_item a:hover,
#nav ul .current-cat .cat-item a:hover,
#nav ul .current-menu-item .menu-item a:hover,
#nav .current_page_ancestor .page_item a:hover,
#nav .current-cat-ancestor .cat-item a:hover,
#nav .current-menu-ancestor .menu-item a:hover {
color: #c0c0c0;
}

/*************************** Slider ***************************/

/* Slider Container */
#slider-container-outer {
overflow: hidden;
float: left;
position: relative;
width: 980px;
height: 356px;
background: url('images/slider.jpg') no-repeat;
}
#slider-container-inner {
overflow: hidden;
float: left;
position: relative;
width: 980px;
height: 336px;
}

/* Slider */
#slider {
float: left;
position: relative;
overflow: hidden;
width: 900px;
height: 262px;
top: 50px;
left: 40px;
}
#slider .contentdiv {
width: 100%;
height: 100%;
display: none;
}
.slider-image {
position: relative;
float: left;
width: 462px;
height: 262px;
overflow: hidden;
margin: 0 20px 0 0;
}
.slider-image img {
width: 462px;
border: 0px;
}
.overlay {
background: url(images/overlay.png) no-repeat;
position: absolute;
width: 464px;
height: 262px;
z-index: 100;
top: 0px;
left: 0px;
}
.overlay a {
display: block;
width: 464px;
height: 262px;
}
.slider-excerpt {
position: relative;
}
.slider-excerpt h1 {
font-size: 25pt;
margin: 0 0 10px 0;
}

/* Next & Prev Links */
#paginate-slider {
float: right;
z-index: 200;
position: relative;
top: 282px;
right: 40px;
}
#next, #prev {
letter-spacing: -1px;
display: block;
float: left;
font-size: 14pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #202020;
padding: 5px 10px 8px 10px;
background: #111111;
}

/* Collapsible Box */
#collapsible-link {
float: right;
position: relative;
top: 69px;
right: 40px;
text-align: right;
width: 200px;
}
#collapsible-link ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 18pt;
}
#collapsible-link .slide-button {
position: relative;
top: -15px;
right: 0px;
float: right;
background: url(images/up-down.gif) no-repeat right top;
width: auto;
height: 21px;
padding: 15px 25px 0 0;
margin: 0;
}
#collapsible-link .slide-button a {
letter-spacing: -1px;
font-size: 16pt;
font-weight: normal;
font-family: "Arial Black", "Arial Bold", Arial;
color: #d1d1d1;
text-transform: uppercase;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
#slide-box {
display: none;
width: 910px;
position: relative;
top: 40px;
left: 35px;
overflow: hidden;
}

/* Shoutbox Plugin */
#shoutbox h3 {
display: none;
}
#sb_messages {
height: 150px;
background: transparent;
padding: 0;
margin: 0 0 5px 0;
}
#input_area {
float: left;
width: 100%;
}
#input_area tr {
float: left;
}
#input_area tr, #input_area td {
border: 0 none;
padding: 0 5px 0 0;
margin: 0;
}
#input_area .info {
float: left;
padding: 6px 10px 0 0;
}
.sb_input {
float: left;
width: 200px;
}
#sb_name {
width: 100px;
}
#sb_website {
width: 125px;
}
#sb_message {
width: 320px;
}
#sb_addmessage {
float: left;
width: 50px;
margin: 2px 0;
cursor: pointer;
}
#sb_showsmiles {
display: none;
}

/*************************** Page/Post Styling ***************************/

/* Posts */
.post {
float: left;
width: 550px;
padding: 20px 20px 20px 40px;
background: url(images/post-bg.jpg) repeat-y;
margin: 0 0 30px 0;
}
.post h2 {
margin: 0 0 10px 0;
}
.post-excerpt {
margin: 0 0 10px 0;
}
.post .image-preview {
float: left;
width: 115px;
height: 115px;
overflow: hidden;
border: 4px solid #000000;
margin: 10px 10px 0 0;
}
.post .image-preview img {
width: 115px;
border: 0px;
}
.post .meta {
color: #4c4c4c;
}
.meta a {
color: #4c4c4c;
}
.meta a:hover {
color: #d1d1d1;
text-decoration: none;
}
.post-extended {
float: left;
background: url(images/post-bg-extended.jpg) repeat-y;
width: 900px;
padding: 20px 40px;
}

/* Two Columns */
.col-left {
float: left;
width: 440px;
padding: 0 10px 0 0;
}
.col-right {
float: right;
width: 440px;
padding: 0 0 0 10px;
}

/* Post Details */
#details {
float: left;
padding: 30px 0 0 0;
width: 100%;
}
#details .avatar {
float: left;
margin-right: 10px;
width: auto;
}
#details .info {
float: left;
width: 350px;
}
#social-links {
float: right;
width: 100px;
text-align: right;
}
#social-links img {
border: 0px;
filterrogidXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#social-links img:hover {
filterrogidXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

/* Lightbox */
.pp_pic_holder {
border: 1px solid #202020 !important;
}

/*************************** Widgets ***************************/

/* General Widgets */
.widget {
position: relative;
float: left;
padding: 20px 40px 20px 20px;
width: 260px;
background: url(images/widget-bg.jpg) repeat-y;
margin: 0 0 30px 0;
overflow: hidden;
}
.widget ul {
list-style: none;
margin: 0;
padding: 10px 0 0 0;
}
.widget li {
margin: 0;
padding: 0 0 10px 0;
}
.widget li a {
text-shadow: #000000 0.1em 0.1em 0.2em;
}
.widget img {
border: 1px solid #404040;
}
.widget img:hover {
border: 1px solid #808080;
}


/* Search Widget */
#searchbar {
float: left;
width : 160px;
height: 17px;
margin: 0;
font-size: 11pt;
}
#searchsubmit {
margin: -5px 0 0 0;
float: left;
background: transparent;
border: 0px;
width: auto;
}

/* Recent Comments */
#recent-comments .avatar {
float: left;
border: 0 none;
width: auto;
margin-right: 6px;
padding-top: 3px;
}
#recent-comments li {
margin: 0;
padding: 0 0 15px 0;
}

/*************************** Comments Page ***************************/

/* User Comments */
.comments {
float: left;
position: relative;
width: 550px;
padding: 20px 20px 20px 40px;
}
#commentlist {
list-style: none;
margin: 0;
padding: 0;
}
#commentlist li ul {
list-style-type: none;
}
.comment-body {
float: left;
width: 557px;
padding: 15px 0 5px 0;
border-bottom: 1px solid #202020;
}
.depth-2 .comment-body {
margin-left: 5px;
width: 537px;
}
.depth-3 .comment-body {
margin-left: 10px;
width: 517px;
}
.depth-4 .comment-body {
margin-left: 15px;
width: 497px !important;
}
.depth-5 .comment-body {
margin-left: 20px;
width: 477px !important;
}
.comment-body .avatar {
float: left;
margin: 0 10px 0 0 ;
width: 45px;
height: 45px;
}
.comment-meta {
float: left;
padding: 3px 0 0 0;
width: auto;
}
.comment-meta a {
color: #404040;
}
.comment-meta a:hover {
color: #808080;
}
.comment-text {
overflow: hidden;
}
.moderation {
color: #cc0000; font-weight: bold;
}
.author, .author a {
color: #c0c0c0;
}

/* Comment Form */
#commentform textarea {
width: 550px;
max-width: 550px;
}
#commentform #submit {
float: right;
background: transparent url('images/submit.gif') no-repeat;
width: 76px;
height: 28px;
border : 0px;
cursor: pointer;
}

/* Comment Subscription */
.subscribe-to-comments {
margin: 0;
padding: 0;
}
#solo-subscribe-email {
border: 1px solid #000000;
background: #202020;
color: #808080;
padding: 5px;
width: 150px;
font-family: Arial;
font-size: 9pt;
height: auto;
}
.solo-subscribe-to-comments input {
width: auto;
}
.solo-subscribe-errors {
margin: 10px 0 10px 0px;
background: #111111;
border: 1px solid #a80000;
padding: 5px;
width: 300px;
}
#single fieldset {
margin: 10px 0 10px 0;
border: 1px solid #000000;
background: #202020;
}
#single legend {
margin: 0;
font-size: 13pt;
font-weight: bold;
}
#single .updated {
text-align: center;
background: #111111;
border: 1px solid #202020;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
}
#single input {
width: auto;
height: auto;
}

/*************************** Footer ***************************/

/* Footer */
#footer {
padding: 25px 40px;
margin: 20px 0 0 0;
width: 900px;
text-align: center;
background: url('images/footer.jpg') repeat-y;
font-weight: bold;
text-transform: uppercase;
}

/* Footer Widgets */
#footer .footer-widget {
text-align: left;
position: relative;
float: left;
width: 270px;
font-size: 9pt;
text-transform: none;
text-shadow: none;
font-weight: normal;
margin-right: 30px;
padding-bottom: 30px;
}
#footer .footer-widget .last {
margin-right: 0;
}
#footer .footer-widget a {
font-size: 9pt;
font-weight: normal;
text-transform: none;
color: #808080;
text-shadow: #000000 0.1em 0.1em 0.2em;
}
#footer .footer-widget a:hover {
color: #c0c0c0;
}
#footer .footer-widget h3, #footer .footer-widget h3 a {
color: #d1d1d1;
font-size: 12pt;
font-weight: normal;
margin: 0;
}
#footer .footer-widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .footer-widget li {
margin: 0;
}

/*************************** Captions & Alignments ***************************/

.aligncenter {
display: block;
margin: 0 auto;
border: 4px solid #000000;
}
.alignleft {
float: left;
margin: 0 10px 5px 0;
border: 4px solid #000000;
}
.alignright {
float: right;
margin: 0 0 5px 10px;
border: 4px solid #000000;
}
.wp-caption {
background: #000000;
border : 1px solid #202020;
text-align : center;
padding-top : 4px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 3px 0 3px 0;
margin: 0;
text-transform: uppercase;
}
.left {
width: auto;
float: left;
}
.right {
width: auto;
float: right;
}
.clear {
clear: both;
}

/*************************** Page Navigation ***************************/

.wp-pagenavi {
padding: 0 0 20px 0 !important;
border: 0px !important;
float: right !important;
width: auto;
}
.page-comments {
padding: 20px 0 0 0 !important;
border: 0px !important;
float: right !important;
width: auto;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .page-numbers {
display: block;
border: 1px solid #202020 !important;
float: left !important;
background: #111111 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
color: #808080 !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
}
.wp-pagenavi a:hover, .page-numbers:hover {
color: #d1d1d1 !important;
border: 1px solid #202020 !important;
text-decoration: none !important;
text-align: center !important;
}
.wp-pagenavi span.current, .page-comments span.current {
color: #d1d1d1 !important;
display: block;
border: 1px solid #202020 !important;
float: left !important;
background: #000000 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
font-weight: normal !important;
}
.post-navi {
float: right;
padding: 20px 0 20px 0 !important;
border: 0px !important;
float: right !important;
width: auto;
margin: 0 0 0 5px !important;
color: #808080 !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
}
.post-navi span {
border: 1px solid #202020 !important;
background: #000000 !important;
padding: 2px 6px !important;
margin: 0 0 0 5px !important;
color: #ffffff !important;
text-transform: uppercase !important;
font-size: 10pt !important;
font-family: "Arial Bold", Arial !important;
letter-spacing: -1px !important;
text-shadow: #000000 0.1em 0.1em 0.2em !important;
width: auto;
text-align: center !important;
}
.post-navi a span {
color: #808080 !important;
text-decoration: none !important;
background: #111111 !important;
}
.post-navi a:hover span {
color: #ffffff !important;
text-decoration: none;
}
.post-navi a:hover {
text-decoration: none !important;
}

/*************************** Contact Page ***************************/

#contact {
float: left;
width: 465px;
padding: 0 30px 0 0;
}
#contact .submit {
float: left;
}
.required {
font-size: 13px;
color: #ff0000;
}
#message {
margin: 0 0 20px 0;
padding: 0;
}
.moderation, #contact .error_message {
display: block;
height: 22px;
line-height: 22px;
background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
padding: 3px 10px 3px 35px;
color: #8a1f11;
border: 1px solid #FBC2C4;
}
#contact .loader {
background: url(images/loader.gif) no-repeat right center;
float: left;
padding: 10px 10px;
width: 16px;
height: 16px;
}
#contact #success_page h2 {
padding: 2px 0 0 22px;
background: url(images/success.png) left no-repeat;
}

 

[NiTroviousix]

????????????????????