Site Feedback and News

Sports, politics, movies, videogames, questionable hobbies, photos from your family vacation, etc. Talk about stuff that isn't ponies or music. But do try to stay on topic and respectful of alternate opinions.

Re: Site Feedback and News

Postby Makkon » 03 Jul 2011 15:24

No problem!

[edit]
Working on link display at the moment...

[edit]
Thanks for the help, Rainbo Hash! But it looks like the CSS for this particular style doesn't support post links being a different color than forum links and thread titles. I could try writing some custom code for it, though, if you have any pointers. Here's the CSS for this forum, I've already tried messing with the forum link section :[

Code: Select all
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   phpBB style name: xandblue
   Based on style:   subsilver2
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:      StylerBB.net team ( http://stylerbb.net )

         NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more       
       information about phpBB please visit http://www.phpbb.com
    --------------------------------------------------------------
*/

/* Layout
------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #444444;
   background-image: url("./images/backs.gif");
   background-repeat: repeat-x;
   background-color: #ADEBFF;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}

#wrapcentre, #wrapheader, #wrapfooter {
   padding: 0 20px;
   width: 978px;
   min-width: 978px;
   margin: 0 auto;
   background-color: #FFFFFF;
}

#wrapfooter {
   text-align: center;
   clear: both;
   padding-top: 20px;
   padding-bottom: 30px;
}

#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #ECECEC;
   border-width: 1px;
   border-style: solid;
   border-color: #CFCFCF;
}

#logodesc {
   padding: 10px 0 0 0;
   border-bottom: 1px solid #cb62c7;
}

#menubar {
   margin: 0px;
   background: url("./images/menu.gif") repeat-x;
   height: 27px;
   padding: 7px 10px 0 10px;
   font-weight: bold;
   
}

#datebar {
   margin: 10px 25px 0 25px;
   padding: 0 5px 0 5px;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #fac885;
   border-width: 1px;
   border-style: solid;
   border-color: #c1976d;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
--------------------- */
h1 {
   color: black;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
   padding-top: 5px;
}

.postauthor {
   color: #000000;
}

.postdetails {
   color: #000000;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0;
   color: black;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: black;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.copyright {
   color: #444;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
------------ */
th {
   color: #FFFFFF;
   font-size: 11px;
   font-weight: bold;
   background-color: #737373;
   background-image: url('./images/cellpic3.gif');
   white-space: nowrap;
   padding: 7px 5px;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}

.tablebg {
   background-color: #FFFFFF;
}

.rtl .catdiv {
   background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #d7c7d5;
   background-image: url('./images/cellpic1.gif');
   text-indent: 4px;
}

.row1 {
   background-color: #FFFFFF;
   padding: 4px;
}

.row2 {
   background-color: #FFFFFF;
   padding: 4px;
}

.row3 {
   background-color: #FFFFFF;
   padding: 4px;
}

.row4 {
   background-color: #FFFFFF;
   padding: 0px;
}

.spacer {
   background-color: #DFDFDF;
}

hr {
   height: 1px;
   border-width: 0;
   background-color: #DFDFDF;
   color: #DFDFDF;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
------------ */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
   direction: rtl;
   unicode-bidi: embed;
}

a:link, a:active, a:visited {
   color: #444444;
   text-decoration: none;
}

a:hover {
   color: #E61196;
   text-decoration: none;
}

a.forumlink {
   color: #444444;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
}

a.forumlink:hover {
   color: #E61196;
}

a.topictitle {
   margin: 1px 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

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

th a,
th a:visited {
   color: #ff9a79 !important;
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}


/* Form Elements
------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #333333;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #444444;
   background-color: #FAFAFA;
}

textarea {
   background-color: #FAFAFA;
   color: #333333;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #CFCFCF;
   padding: 2px;
}

select {
   color: #333333;
   background-color: #FAFAFA;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #CFCFCF;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: transparent;
}

.post {
   background-color: white;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #000000;
   font-weight: normal;
   font-size: 1.1em;
   font-family: Verdana, Helvetica, sans-serif;
   background-color: #f5f1e9;
   border: 1px solid #666666;
}

.btnmain {
   font-weight: bold;
   background-color: #f5f1e9;
   border: 1px solid #CFCFCF;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   background-color: #f5f1e9;
   border: 1px solid #CFCFCF;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   background-color: #f5f1e9;
   border: 1px solid #CFCFCF;
   padding: 1px 5px;
   font-size: 1.1em;
}

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


/* BBCode
------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;
   padding: 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #CFCFCF;
   color: #333333;
   background-color: #CFCFCF;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #CFCFCF;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background-color: #FAFAFA;
   color: #774b6a;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #CFCFCF;
   color: #333333;
   background-color: #CFCFCF;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
}

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #CFCFCF;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #006600;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #FAFAFA;
}

.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #ff6329;
}

.syntaxdefault {
   color: #2e009c;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #ff209e;
}


/* Private messages
------------------ */
.pm_marked_colour {
   background-color: #000000;
}

.pm_replied_colour {
   background-color: #CFCFCF;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #ff209e;
}


/* Misc
------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #ff9a79;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby PHPony » 04 Jul 2011 04:38

All links in posts have the class "postlink". So you can apply styles to only those links.

Code: Select all
a.postlink:link, a.postlink:active, a.postlink:visited {
   color: #444444;
   text-decoration: none;
}

a.postlink:hover {
   color: #E61196;
   text-decoration: none;
}
User avatar
PHPony
Site Admin
 
Posts: 12
Joined: 04 Jul 2011 02:58
Location: Minnesota

Re: Site Feedback and News

Postby Interrobang Pie » 04 Jul 2011 09:46

Oh god, page stretch.

Which reminds me, why no spoiler tags? Would help in reducing pages stretch.

Also we need strikethrough tags so I can [s]look like a faggot[/s] be hilarious.
Last edited by Interrobang Pie on 04 Jul 2011 10:43, edited 2 times in total.
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby Makkon » 04 Jul 2011 10:41

Got the links. Thanks a ton, PHPony, and welcome to the board!
Spoiler tags are a bit more than just bbcode, they require a modification to be installed and I still don't know if most mods are compatible with our forum style.

We're running off of a lightly modified version of Xand from phpbb
http://www.phpbb.com/customise/db/style ... styles-12/

Also strikethrough is now supported.
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby Interrobang Pie » 04 Jul 2011 10:43

This is quite clearly the most pointless best addition to the forums.
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby Rainbow Hash » 04 Jul 2011 11:19

Along with PHPony's code, here's CSS for the top links to stand out a bit

Code: Select all
.searchbar a:active  {
   color: #444444;
   text-decoration: none;
}

.searchbar a:hover, .searchbar a:visited, .searchbar a:link {
   font-weight:bold;
   color: #E61196;
   text-decoration: none;
}
User avatar
Rainbow Hash
 
Posts: 22
Joined: 29 Jun 2011 17:15

Re: Site Feedback and News

Postby Rainbow Hash » 04 Jul 2011 11:47

Makkon wrote:Fantastic suggestions! When NC gets online, we'll finish our discussion on some additional forums.

And TBH I hate the default smilies on this board, and we could really use a new batch. Those smilies look great, but might be a little large (which could break up the continuity of text and spacing). Do you know of any smaller ones around like that?


I messed with the emoticons a little bit, let me know which size you think would be best for the layout.

1. Image 2. Image 3. Image 4. Image

The smaller ones definitely make it harder to see, so these might not end up working
User avatar
Rainbow Hash
 
Posts: 22
Joined: 29 Jun 2011 17:15

Re: Site Feedback and News

Postby Interrobang Pie » 04 Jul 2011 11:51

1 is perhaps too big for in-line use. 3 seems to be the best balance.

I'll see what I can do.

EDIT: lol
Image
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby Makkon » 04 Jul 2011 12:18

Rainbow Hash wrote:Along with PHPony's code, here's CSS for the top links to stand out a bit

[some snazzy code]


And done!

I'm really tied between using those smilies because they're AWESOME, or going with more simple ones that would fit for inline use... Fantastic work on them, though!
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby Makkon » 04 Jul 2011 14:06

PHPony is awesome!
He just added a link at the top for #bronymusic IRC, and a link to Celestia Radio also. We are on a ROLL
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby Interrobang Pie » 06 Jul 2011 15:58

Oh by the way, should I continue doing the pony emoticons in the style as above?
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby Makkon » 09 Jul 2011 20:42

Maybe there's a few things we can do to make sure they fit in the line and don't break up paragraphs, maybe the neck can be removed so there's just heads?
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby aap998 » 10 Jul 2011 02:45

I like the idea of using pony heads as emoticons, just like at reddit, but I don't think it will work out that well if they are that tiny.. I dont know if its possible but can you make it so when you hover over the emoticon it gets enlarged? just an idea, no idea if it will work out :P
aap998
 

Re: Site Feedback and News

Postby Interrobang Pie » 10 Jul 2011 04:09

Well, as long as you can see who they are it shouldn't really matter.

I am limiting these emoticons to a 24*24 space, thus Rarity will be the biggest challenge - I'm leaving her till last. (Celestia will probably be a bitch to fit in as well)

UPDATE with Twilight!
Image

I need you guys to decide - style A or B? (subtle differences with the nose)

I also tried my hand at a few emotions.


ALSO, we could have these as topic icons too. So, if you make the 8491834436th Luna theme, put the topic icon as the Luna emote. Woooo!
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby aap998 » 10 Jul 2011 04:59

very nice, that turned out better then i expected :) I would go with b
aap998
 

Re: Site Feedback and News

Postby Dr_Dissonance » 10 Jul 2011 08:04

B looks better I reckon, but I'm in awe at how well these are turning out!
Tubeyou
You are the hero My Little Remix deserves, not the one it needs.
So we’ll hunt you. Because you can take it. Because you’re not our hero.
You’re a silent guardian of music, a watchful protector of songs.
A doctor of dissonance.
-Phillypu
User avatar
Dr_Dissonance
 
Posts: 634
Joined: 01 Jul 2011 07:45
Location: Australia

Re: Site Feedback and News

Postby Interrobang Pie » 12 Jul 2011 11:37

I will allocate some time later today to get Rainbow Dash and Derpy Hooves emotes done (since Derpy is almost a Dash recolour - same hair and everything). I will also fix the previous sprites to have the new nose (that won't take long, lol).

I am also worried as Twilight looks INCREDIBLY different to Vinyl - Vinyl seems to have a darker outline and thus stands out a little more. I may just ditch the FiM colour outline style and just go for black outlines, or I will alter Twilight's palette.




Also, I have a few tag requests: [spoiler], [left], [center], [right], [hr], [marquee],
Spoilers would be useful for really huge images (and spoilers lol)
Left, center and right because I think I wanted to use them at one point, can't remember though.
Horizontal rule would be good for dividing really long posts up. Like, as sections or something.
Marquee (or scroll) for lolz.
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

Re: Site Feedback and News

Postby zorg » 31 Jul 2011 04:45

A is better, but you should make a C that would be a B but the farer eye's bottom 1 pixel would be covered by her skin (or in fewer words, color that pixel to the color her skin/fur is)
^feel free to disregard | genres... what are those? | :3
[collabgeddon] - too much time passed for this
Do feel free to keep in touch through discord: #zorg "eight" "rod" "inverted-E" "four"
User avatar
zorg
 
Posts: 208
Joined: 01 Jul 2011 10:42
Location: Absurdistan, Hungary
OS: Win7
Primary: ILyEAN (v0.0.0.0) [Designing Phase]
Cutie Mark: Usually Invisible

Re: Site Feedback and News

Postby HertzDevil » 27 Aug 2011 16:31

Is it just me or the site doesn't have a favicon?
HERTZDEVIL IS NOT SECRETLY JAKE KAUFMAN OKAY
User avatar
HertzDevil
 
Posts: 11
Joined: 26 Aug 2011 15:39

Re: Site Feedback and News

Postby Supersaw Hoover » 03 Sep 2011 02:30

HertzDevil wrote:Is it just me or the site doesn't have a favicon?
Image
User avatar
Supersaw Hoover
 
Posts: 213
Joined: 29 Jun 2011 16:35

Re: Site Feedback and News

Postby Makkon » 03 Sep 2011 03:38

And what would a favicon be?
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby sci » 03 Sep 2011 04:34

Image
User avatar
sci
 
Posts: 369
Joined: 29 Jun 2011 15:26
Location: music
OS: WinXP, plus a Win 98 laptop
Primary: OpenMPT
Cutie Mark: Sampling

Re: Site Feedback and News

Postby Makkon » 03 Sep 2011 04:47

...

what is that I don't even
youtube | deviantart | tumblr

I'm Makkon.
User avatar
Makkon
Site Admin
 
Posts: 983
Joined: 28 Jun 2011 01:34
Location: Utah

Re: Site Feedback and News

Postby Stars In Autumn » 03 Sep 2011 04:55

It's the icon for the website. You can see it displayed on the webpage's tab of your browser. I'd say just a small version of the My Little Remix image should work fine.
-Stars In Autumn aka Jeffthestrider
User avatar
Stars In Autumn
Site Admin
 
Posts: 471
Joined: 29 Jun 2011 18:38
Location: Colorado
OS: Windows
Primary: FL
Cutie Mark: Myself

Re: Site Feedback and News

Postby Interrobang Pie » 03 Sep 2011 06:33

Or use my old sprite of Vinyl. I think the MLR logo is a little too busy to fit in such a small space, anyway.
A great man wrote:Circuitfry: fries circuits of this whole topic, one at a time (I know that's not how servers work, but Puns work all the time)
Interrobang Pie
 
Posts: 687
Joined: 01 Jul 2011 14:49

PreviousNext

Return to Off-Topic Discussion



Who is online

Users browsing this forum: No registered users and 12 guests

cron