Search found 1 match for 69C

Our Workshop

Leah7 wrote:HOLY CRAP, those post profile flags look amazing...like woah.  O-O  I had no idea you could code folds, like that!  This is the first time I've ever seen "last child" in code, before.  I will be playing with that some time just to figure out how it all works.  *o*

There's many possibilities since CSS pseudo content was added. The ":last-child" selector refers to the last element of a parent. For example "p > strong:last-child" would style the last strong tag in a paragraph.

Code:

<p>
  <strong>:first-child strong text. </strong>
  <strong>just some more strong text. </strong>
  <strong>:last-child strong text.</strong>
</p>

I added it to the selector set for "a" just in case the user's name isn't strong, and since there's two "a" tags in ".postprofile dt" I added last-child to select the last one only.

Leah7 wrote:Here soon, I'll work on the weird little warning bars I had set up inside those little tabs, so that we can have one for it, too.  :3  Then, that'll be the last of the profile slots that will need a bg.

Either way, I'm probably going to have to make the post profile longer and fiddle with the codes again.  x.x'  Freaking personal title already makes some of the contact icons go off of the box.  Then again, maybe I could just remove all other info from the post profiles and make them only visible in the actual profiles?  That may conserve some space, there...which method do you think would be wiser?

I saw you had them up and was going to work on them, but when I edited the image links to add a selector and saved the field all the images disappeared. I don't know why either. o_O Could you post the image links for the warning bars so I could try that again ? I would've saved the links beforehand if I knew that was going to happen. Dx

What do you think about increasing the profile by about 200 pixels ? I was thinking we should put the profile fields at a fixed height of about 100 or 150 pixels, and add a scroll bar. Here's what the CSS would look like for that :

Code:

.postprofile dt + dd + dd + dd {
  height:100px;
  overflow:hidden;
  overflow-y:auto;
}

Leah7 wrote:I think your drop downs look amazing, good sir.  Amazing.  They don't hurt my eyes and that makes me happy. lol  So nice bonus, indeed.  Even the scroll bars around here aren't too eye-hurty, somehow...

Cool, I'll look into adding the design to the rest of the input fields. I can add some custom scroll bars for webkit browsers if you want. Maybe something like the one below ?

Can make it change colors based on the chosen theme too !

Leah7 wrote:As for the profile widget title, I'm totally okay with it being white.  That way, it'll match the other widget titles.  ^^  I didn't even think of that; thank you very much!  You're a pro, as usual.

Righto, I'll add it to the stylesheet.

Leah7 wrote:And yes, I do think just doing transparent text for the icons and buttons will be the way to go, like you did for yours.  I just hope the white won't be too bright?  It doesn't seem too bright on the contact icons, so I think those will be okay.  However, I can also use the dark grey, like what I have for the logo...which do you prefer?  ^^

I agree that white on dark themes can be a bit harsh. I sometimes use either #CCC or #999 for text -- depends how dark the theme is. I think #CCC or something close to it -- but below -- will work perfectly.

Leah7 wrote:I'm guessing the "color=primary/secondary" is from the theme/color changer codes and that's what it uses to identify which color to use?

Yep ! I also used these two colors so it was easier to style the images with CSS. Primary was #69C and seconday was #3.. something -- a darker color. I used secondary mainly for the active buttons like multi-quote and thanks.

Leah7 wrote:Also, is it possible to change the default text for the navigation bar?  If so, I'd like to know how I can change "you have no new messages" to "Messaging" and the "you have a new message" to "New Message."  ^^

Yeah it's possible. We can use CSS to hide the original texts and pseudo content to create new texts. I added the CSS below to the stylesheet. Let me know if it looks okay on your end.

Code:

a.mainmenu[href="/privmsg?folder=inbox"] { font-size:0 !important; } /* hide original texts */

a.mainmenu[href="/privmsg?folder=inbox"]:after {
  content:"Messaging";
  font-size:12px !important;
}

a.mainmenu[href="/privmsg?folder=inbox"] .new-message:after {
  font-size:12px !important;
  color:#B31144;
  content:"New Message";
  background:#111;
  position:relative;
  margin-right:-70px; /* hides "messaging" */
}