Current date/time is Mon Jun 05 2023, 19:19
Search found 4 matches for 0099FF
BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.
Technical Details
Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Other
Screenshot of problem : https://i.imgur.com/KmknexS.jpg
Who the problem concerns : All members
When the problem appeared : When creating and applying my forum theme.
Forum link : http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551
Description of problem
The BBCODE tag "CODE" stretches the form beyond its normal boundaries for no reason. Please do not reply asking if this happens anywhere else on the forum. It does. Please do not ask me if I am sure about it, I know. I'm thinking it is CSS, but I have no idea how to find the issue. I will paste my CSS below.Link: http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551
CSS:
- Spoiler:
/* Normal, standard links. */
a:link {
color: #0099FF;
text-decoration: none;
}
a:visited {
color: #0099FF;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
color: #aaa;
text-decoration: none;
}
a.nav:hover {
color: white;
text-decoration: none;
}
/* Tables should show empty cells. */
table {
empty-cells: show;
}
/* By default (td, body..) use verdana in black. */
body, td, th , tr {
line-height: 150%;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: #cdcdcd;
font-size: 11px;
}
/* The main body of the entire forum. */
body {
margin: 0px;
padding: 0px;
background: #000000 url(https://i.imgur.com/Rpcbs5G.jpg) repeat-x;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 124%
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
color: #000;
font-family: verdana, sans-serif;
}
input, button {
font-size: 110%;
}
textarea {
font-size: 110%;
color: #000;
font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check {
}
/* Selects are a bit smaller, because it makes them look even better. */
select {
font-size: 110%;
font-weight: normal;
color: #000;
font-family: verdana, sans-serif;
}
/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #454545;
}
/* No image should have a border when linked */
a img {
border: 0;
}
/* A quote, perhaps from another post. */
.quote {
color: #3a3a3a;
background-color: #edebeb;
border: 1px solid #353535;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}
/* A code block - maybe even PHP. */
.code {
color: #3a3a3a;
background-color: #ddd;
/*font-family: "courier new", "times new roman", monospace;*/
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #252525;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
color: #ccc;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}
/* Generally, those [?] icons. This makes your cursor a help icon. */
.help {
cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor {
width: 96%;
}
/* Highlighted text - such as search results. */
.highlight {
background-color: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
padding: 5px;
background-color: #262626;
}
.windowbg2 {
padding: 5px;
background-color: #303030;
}
.windowbg3 {
padding: 5px;
background-color: #333;
}
/* the today container in calendar */
.calendar_today
{
background-color: #fff;
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
color: #cdcdcd;
font-style: normal;
background: #070707 url(images/titlebg.png) repeat-x;
border-bottom: solid 1px #313131;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited {
font-weight: bold;
color: #cdcdcd;
font-style: normal;
}
.titlebg a:hover {
color: white;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
color: #cdcdcd;
font-style: normal;
text-decoration: none;
}
.titlebg, .titlebg2 {
font-size: 8pt;
font-family: tahoma, sans-serif;
}
.titlebg2 a:hover {
text-decoration: underline;
}
/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
background: #869927 url(images/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td {
background: #869927 url(images/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3 {
border-bottom: solid 1px #353535;
font-size: 9pt;
font-family: tahoma, sans-serif;
}
.catbg, .catbg2 {
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
color: #cdcdcd;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
border: 1px solid #303030;
}
/* This is used on tables that should just have a border around them. */
.tborder {
border: 1px solid #303030;
padding: 0px;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext {
line-height: 18px;
text-indent: 10px;
}
.normaltext {
font-size: small;
}
.largetext {
font-size: large;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
width: 100%;
overflow: auto;
line-height: 1.3em;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here. */
.signature {
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}
/* Sometimes there will be an error when you post */
.error {
color: red;
}
/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last,
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
color: #ccc;
vertical-align: top;
}
.maintab_back, .maintab_active_back,
.mirrortab_back, .mirrortab_active_back {
color: #ccc;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
padding: 5px 10px 5px 10px;
}
.maintab_first,.mirrortab_first {
display: none;
}
.maintab_back,.mirrortab_back {
background: url(images/tab-bg.png) repeat-x;
color: #ccc;
}
.maintab_last,.mirrortab_last {
display: none;
}
.maintab_active_first, .mirrortab_active_first {
display: none;
}
.maintab_active_back, .mirrortab_active_back {
background: url(images/toolbar-bg.png) repeat-x;
}
.maintab_active_last, .mirrortab_active_last {
display: none;
}
/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited,
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
color: #ccc;
text-decoration: none;
}
.maintab_back a:hover, .maintab_active_back a:hover,
.mirrortab_back a:hover, .mirrortab_active_back a:hover {
color: white;
text-decoration: none;
}
#wrapper {
margin: auto;
width: 80%;
min-width: 720px;
border-left: solid 1px #252525;
border-right: solid 1px #252525;
border-top: solid 1px #252525;
}
#mainarea {
border-top: solid 1px #333;
background: #1a1a1a;
padding: 1ex;
}
#toolbar {
height: 35px;
background: url(images/toolbar-bg.png) repeat-x;
position: relative;
}
#nav {
background: url(images/toolbar-div.png) 0 0 no-repeat;
}
#nav li {
background: url(images/toolbar-div.png) 100% 0 no-repeat;
}
#nav li a {
color: #fff;
}
#nav a:hover {
color: #444444;
}
#nav {
margin: 0 0 0 10px;
padding: 0;
height: 35px;
text-align:center;
}
#nav ul {
padding: 0;
margin: 0;
margin-left: 2px;
}
#nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}
#nav a {
text-decoration: none;
cursor: pointer;
font-weight: bold;
}
#nav li.on li.on a {
text-decoration: underline;
}
#nav li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
padding: 0 15px;
}
#userinfo {
background: #1a1a1a url(images/userinfo.png) 0 0 repeat-x;
color: #cdcdcd;
width: 450px;
float: left;
padding: 20px 0 10px 25px;
}
#searchfield {
background: #1a1a1a url(images/searchfield.png) 0 0 repeat-x;
color: #cdcdcd;
text-align: right;
padding: 20px 25px 0px 5px;
}
#header {
position: relative;
height: 100px;
overflow: hidden;
background: #1a1a1a url(images/header-bg.png) repeat-x;
}
#logo, #logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 400px;
height: 100px;
background: url(images/logo.png) no-repeat;
}
#news {
height: 60px;
padding-top: 20px;
overflow: hidden;
margin-left: 485px;
margin-bottom: 10px;
margin-right: 0px;
color: #cdcdcd;
}
#footer {
padding: 8px 40px 10px 40px;
font-size: x-small;
color: #b2b2b2;
background: #1d1d1d url(images/footer-bg.png);
}
#footer {
border-top: solid 1px #252525;
padding: 5px;
text-align: center;
font-size: x-small;
}
#footer a:link , #footer a:visited {
color: #0099FF;
}
#footer a:hover {
color: #FFFFFF;
}
- on Tue Oct 18 2016, 19:46
- Search in: Scripts Problems Archives
- Topic: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.
- Replies: 5
- Views: 6194
Graphic Request: Small Button for Widget Toggle
Creation Type : ButtonDimensions : 16x26
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
- Images:
- N/A
Text to insert : N/A
Font : N/A
Font Color : N/A
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Chellizard
Link to last graphic request : N/A
Detail description : Hi there! So there is this small button:
[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] but I want it to have the same colors that will match my forum's design...
So the blue, and an off-black/charcoal color.
I think something small and relatively the same as this would look great.
Here is what it currently looks like on my board:
- on Fri Sep 16 2016, 23:21
- Search in: Completed Graphic Requests
- Topic: Graphic Request: Small Button for Widget Toggle
- Replies: 27
- Views: 974
Banner Request
Creation Type : BannerDimensions : 890x438
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
- Images:
- [You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
Text to insert : Wolves of Evermore
Font : Amazone BT
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Admin
Link to last graphic request : [You must be registered and logged in to see this link.]
Detail description : I'm not picky with this exact request, but I'm looking for someone who can make it look real along with it looking neat. I would like one of the wolves standing in the water, make it have a wintertime look. In the other picture(valley one) have the wolf look out towards the sun rise.
- on Wed Oct 21 2015, 12:37
- Search in: Completed Graphic Requests
- Topic: Banner Request
- Replies: 9
- Views: 769
Rank banner set & banner for my forum
Creation Type: Ranks and bannerSize (In Pixels): banner is 871x316px while ranks set is 150x50
Primary Colors: [You must be registered and logged in to see this link.]
Secondary Colors: [You must be registered and logged in to see this link.]
Images to include:[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
Text to Insert: For the Banner have it say "Dawn To Dusk" and if possible as a sub-text "Without Dawn there would be no Dusk, without Dusk there would be no Dawn"
Font (Provide Download Link): something similar to cursive yet readable.
Font Color: [You must be registered and logged in to see this link.]
Link to My Forumotion Forum: [You must be registered and logged in to see this link.]
Username on Your Forum: Alphess Zali
Link to your Last Graphics Request: [You must be registered and logged in to see this link.]
Detailed Description: For the rank set I want it to be some how related to a wolf/canine. I need the rank sets saying Ste Owner, Admin, Mod, Global Mod, Member, Graphic Designer, Site Coder, Senior Member
I want to try to have both wolves on the banner. I want a fall like theme, but keep it close to my forum scheme colors. Thank you!
- on Thu Oct 01 2015, 05:29
- Search in: Completed Graphic Requests
- Topic: Rank banner set & banner for my forum
- Replies: 6
- Views: 1038