the the bug- I noticed it inthe header ,if you set the header logo to be shown at center
the forum description goes to a wrong position,
then customisation-- hmm is a bit new so i need to evaluate it for a while before saying anything
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
Kyouri wrote:I just got accustomed to tweaking the templates with phpBB2 (complete coding idiot, here), so will learning the CSS with Invision give me back the ability to add images in the header - navlinks - and in the category headers, and such? While I like the Invision version, it doesn't seem to be as user friendly as the phpBB versions.
Jalokim wrote:The css can fix that problem with ease.
the CSS has a float class for the header... it shouldn't be there , and when you change the header via your admin panel it can't make out whats happening...
I think all that needs to be done is to remove the float class, as I have done already..
Jalokim wrote:I've stumbled on a little problem with that...
I don't know about you guys but I can't move the header image yet...
niether via the admin panel nor the CSS /// yet.
I'll get it now now ...
I agree that the era is slowly disappearing, but the many things one can do with the ability to edit templates is vast. If we could edit templates with the other versions, it would be great. The only reason I stuck with phpBB2 was because of the template editing... again, I'm a noob at CSS, but suppose it's worth divesting my time into learning. And you almost make it sound like Forumotion may eventually give up on phpBB2 in the near future. :S If I could get my forum to look like your board, Jalokim, while using the Invision version, I'd be a happy little girl.Jalokim wrote:Kyouri wrote:I just got accustomed to tweaking the templates with phpBB2 (complete coding idiot, here), so will learning the CSS with Invision give me back the ability to add images in the header - navlinks - and in the category headers, and such? While I like the Invision version, it doesn't seem to be as user friendly as the phpBB versions.
I hope you realize that the era of phpbb2 is slowly disappearing ? Its not worth investing knowledge into phpbb2 ... it gives you no freedom.
how so??Cherry_Blossom_2 wrote:I have been on jalokim's site and the topics are messed up they dont align properly
Jalokim wrote:how so??Cherry_Blossom_2 wrote:I have been on jalokim's site and the topics are messed up they dont align properly
the topics are aligned like tehy are supposed to...
Typlo I can't change the banner position... I reverted the CSS back to how it was and I changes the settings on my admin panel to center... but the banner still floats left...
I have added a margin to set it at the center... more or less
Jalokim wrote:Kyouri wrote:I just got accustomed to tweaking the templates with phpBB2 (complete coding idiot, here), so will learning the CSS with Invision give me back the ability to add images in the header - navlinks - and in the category headers, and such? While I like the Invision version, it doesn't seem to be as user friendly as the phpBB versions.
I hope you realize that the era of phpbb2 is slowly disappearing ? Its not worth investing knowledge into phpbb2 ... it gives you no freedom.
Kilsek wrote:Jalokim wrote:Kyouri wrote:I just got accustomed to tweaking the templates with phpBB2 (complete coding idiot, here), so will learning the CSS with Invision give me back the ability to add images in the header - navlinks - and in the category headers, and such? While I like the Invision version, it doesn't seem to be as user friendly as the phpBB versions.
I hope you realize that the era of phpbb2 is slowly disappearing ? Its not worth investing knowledge into phpbb2 ... it gives you no freedom.
And why don't it? I am always finding more to do with it. and spend a couple credits and get template editing.... there is no end what you can do.
Its just the timeout that needs to be altered and the away function to be reinstated.Kilsek wrote:I have the chatbox working fine. I even have it in a drop down box and works fine!
couldbe86 wrote:Want to know what a REAL ipb css looks like?Now doesn't that look a lot different to the "ipb" one on here.
- Spoiler:
html { overflow-x: auto }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; margin: 0px; padding: 10px; text-align: center; color: #CBCFD5; background-color: #000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #CBCFD5 }
#ipbwrapper { text-align: left; width: 95%; margin-left: auto; margin-right: auto; padding: 10px; background-color: #3C4048; border: 2px solid #949AA3 }
a:link, a:visited, a:active { text-decoration: underline; color: #CBCFD5 }
a:hover { text-decoration: none; color: #A2A8B2 }
fieldset.search { padding: 6px; line-height: 150% }
label { cursor: pointer }
form { display: inline }
img { vertical-align: middle; border: 0px }
img.attach { padding: 2px; border: 2px outset #EEF2F7 }
.googleroot { padding: 6px; line-height: 130% }
.googlechild { padding: 6px; margin-left: 30px; line-height: 130% }
.googleparent { padding: 6px; margin-left: 30px; line-height: 130%; color: #47605 }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #3A4F6C }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00D }
.googlepagelinks { font-size: 1.1em; letter-spacing: 1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #434951 }
li.helprow { padding: 0px; margin: 0px 0px 10px 0px }
ul#help { padding: 0px 0px 0px 15px }
option.cat { font-weight: bold }
option.sub { font-weight: bold; color: #555 }
.caldate { text-align: right; font-weight: bold; font-size: 11px; padding: 4px; margin: 0px; border-top: 1px solid #4E535E; border-bottom: 1px solid #4E535E; color: #EEEEEE; background-color: #656C77 }
.warngood { color: green }
.warnbad { color: red }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px }
#profilename { font-size: 28px; font-weight: bold }
#calendarname { font-size: 22px; font-weight: bold }
#photowrap { padding: 6px }
#phototitle { font-size: 24px; border-bottom: 1px solid black }
#photoimg { text-align: center; margin-top: 15px }
#ucpmenu { line-height: 150%; width: 22%; background-color: #363A40; border: 1px solid #000 }
#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px }
#ucpcontent { line-height: 150%; width: auto; background-color: #363A40; border: 1px solid #000 }
#ucpcontent p { padding: 10px; margin: 0px }
#ipsbanner { position: absolute; top: 1px; right: 5% }
#logostrip { padding: 0px; margin: 0px; height: 70px; background-color: #868B96; border: 1px solid #000; background-image: url(style_images/<#IMG_DIR#>/logostrip.gif) }
#submenu { font-size: 11px; margin: 3px 0px 3px 0px; font-weight: bold; color: #EEEEEE; background-color: #555B65; border: 1px solid #000; background-image: url(http }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold; font-size: 11px; text-decoration: none; color: #EEEEEE }
#userlinks { background-color: #555B65; border: 1px solid #000 }
.newslink { background: #555B65; border: 1px solid #000 }
.newslink td { font-size: 10px; padding: 5px 5px 1px 10px; color: #BEC2C9 }
#navstrip { font-weight: bold; padding: 6px 0px 6px 0px }
.activeuserstrip { padding: 6px; background-color: #555B65 }
.pformstrip { border-top: 1px solid #444852; border-bottom: 1px solid #444852; font-weight: bold; padding: 4px; margin-top: 1px; color: #CBCFD5; background-color: #4E535E }
.pformleft { padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #3C4048; border-right: 1px solid #3C4048; background-color: #363A40 }
.pformleftw { padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #3C4048; border-right: 1px solid #3C4048; background-color: #363A40 }
.pformright { padding: 6px; margin-top: 1px; border-top: 1px solid #3C4048; background-color: #363A40 }
.post1 { border-top: 1px solid #464B54; border-bottom: 1px solid #464B54; background-color: #2E3238 }
.post2 { border-top: 1px solid #464B54; border-bottom: 1px solid #464B54; background-color: #30353C }
.postlinksbar { border-top: 1px solid #464B54; border-bottom: 1px solid #464B54; padding: 4px; margin-top: 1px; font-size: 10px; background-color: #4E535E }
.row1 { background-color: #363A40 }
.row2 { background-color: #363A40; color: #CBCFD5 }
.row3 { background-color: #363A40 }
.row4 { background-color: #363A40; color: #CBCFD5 }
.darkrow1 { color: #EEEEEE; background-color: #626A76 }
.darkrow2 { border-top: 1px solid #4E535E; border-bottom: 1px solid #4E535E; font-weight: bold; padding: 0px; margin: 0px; color: #EEEEEE; background-color: #555B65 }
.darkrow3 { color: #EEEEEE; background-color: #646D78 }
.darkrow4 { color: #EEEEEE; background-color: #000 }
.hlight { background-color: #363A40 }
.dlight { background-color: #363A40 }
.titlemedium { font-weight: bold; padding: 3px; margin: 0px; border-top: 1px solid #464B54; border-bottom: 1px solid #464B54; color: #EEEEEE; background-color: #4E535E }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #CBCFD5 }
.maintitle { vertical-align: middle; font-weight: bold; padding: 8px 0px 8px 5px; color: #EEEEEE; background-color: #868B96; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #EEEEEE }
.maintitle a:hover { text-decoration: underline }
.plainborder { background-color: #000; border: 1px solid #000 }
.tableborder { padding: 0px; margin: 0px; width: 100%; background-color: #535B65; border: 1px solid #000 }
.tablefill { padding: 6px; background-color: #363A40; border: 1px solid #000 }
.tablepad { padding: 6px; border-top: 1px solid #555B65; border-bottom: 1px solid #555B65; background-color: #363A40 }
.tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }
.wrapmini { float: left; line-height: 1.5em; width: 25% }
.pagelinks { float: left; line-height: 1.2em; width: 35% }
.desc { font-size: 10px; color: #CBCFD5 }
.edit { font-size: 9px }
.signature { font-size: 10px; color: #CBCFD5 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }
.searchlite { font-weight: bold; color: #F00; background-color: #FF0 }
#QUOTE { white-space: normal; font-family: Verdana, Arial; font-size: 11px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 10px; color: #CBCFD5; background-color: #363B42; border: 3px dotted #282B30 }
#CODE { white-space: normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 20px; border-left: 12px solid #282B30; border-top: 1px dashed #282B30; border-right: 1px dashed #282B30; border-bottom: 1px dashed #282B30; color: #CBCFD5; background-color: #363B42 }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.copyright2 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; border-top: 1px solid #444852; border-bottom: 1px solid #444852; padding: 5px; margin-top: 1px; color: #CBCFD5; background-color: #4E535E }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color: #8A929E }
.radiobutton, .checkbox { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #282B30; border-bottom: 1px solid #282B30 }
.purple { font-weight: bold; color: purple }
.red { font-weight: bold; color: red }
.green { font-weight: bold; color: green }
.blue { font-weight: bold; color: blue }
.orange { font-weight: bold; color: #F90 }
Click on it and see.I pluck the cherry wrote:what is "spoiler" mean wouldbe86?