Our Workshop

Page 3 of 3 Previous  1, 2, 3

View previous topic View next topic Go down

Our Workshop

Post by JerriLeah7 on Wed Aug 03, 2016 4:52 pm

First topic message reminder :

Here will be the discussion between myself and Ange, where we work together for the 2017 theme for GtR.  All special notes and inquiries will go here, work should begin sometime in September.  Below is a list of features that I wish to have or keep, so it includes features that GtR already has, as well.

- - - - - - - - - - -
Desired Features (Completed):

Editor Button Design (FAE)
Widget toggle (topic viewing page) (FAE)
Index widgets [KEEP]
Quick Nav (FAE)
Chat Toggle (with widget & quick nav toggle)
Secondary rank (editable by members)
Signature Toggle [KEEP]
Code: Select Content [KEEP]
Online Staff Widget
Like/Dislike System [KEEP]
Image Resizer [KEEP]
GIFActif
User-generated Emotes
Post Cards [KEEP]
Friends List Widget [KEEP]
User Activity in Profile
Notification Toolbar Flash (FAE)
New Messages Flash (FAE)
Mentions Avatar
Mentions Group Colorize
Search Bar Style (FAE)
Sub-Forum Hover Slide [KEEP]
Affiliates Page [KEEP]
Theme color changer



Last edited by Leah7 on Tue Jan 24, 2017 3:50 pm; edited 23 times in total
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down


Re: Our Workshop

Post by JerriLeah7 on Tue Jan 17, 2017 3:18 pm

Okay, so I applied the sub-forum slider template and CSS, but there were some errors.  I figure there's something clashing with what we have on here (go figure), so I'll put the template code into here for you to look at.  I'm also going to PM you my account info, just in case you need the founder account to test the feature codes so that they won't clash.  ^^
(Sorry it says "code: select content" twice. It does that when I use hidden code with a code inside of it. xD)

Here's the index_box code:



As for the curved widgets and WIO style, they look great!  ^^  The toolbar is gorgeous as is and I think restyling the code, quote, and spoiler content is a great idea.  I don't currently have a style in mind for them, because I forgot all about them.  >.>  I just did some photoshpping and this was something I came up with, if the code format can have a dark background instead of a light one:

avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Tue Jan 17, 2017 4:01 pm

Also, quick question:  I know we're using your code to make the top and bottom bar of the chatbox a set color, but would there be a way to make it the color of the theme and to change with the theme?  Or would that be too complicated, do you think?

Just let me know.  I want to keep that chatbox title dark, so I can make it a lighter grey, instead.  ^^

SPECIAL NOTE:
Since we'll have the chatbox available on all pages through your widget tabs, I don't think a toolbar chatbox will be necessary to keep. ^^ That will be simple to remove, I think--I suspect it's only CSS and JS coding.
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Wed Jan 18, 2017 11:32 am

Thanks, I figured out part of the problem : I forgot to include the JS for the sub-forum links too. Dx I added everything in and made a few minor changes to it. Let me know if you want anything changed on it. Also I fixed the double "select code" by installing a newer version of the select code button that uses clipboard.js ; it should automatically copy the code when you click the button, no need to ctrl+c or context menu > copy. Updated the selection color too Razz

I like the design for the boxes ! I applied them to every one ( not sure if you wanted it that way ), but you can check 'em all out here :
http://subjectochange.forumotion.com/t27-quote-spoiler-code-test#58

Let me know how you like 'em, and if you have any changes in mind. Smile


About the chatbox, are you talking about the color of the top and bottom bars on this page ? If so, yes it's possible to change the colors with the selected theme, it'll just require a few extra lines of code. Yep, with the side bar chatbox you shouldn't need the toolbar one anymore. Wink
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Wed Jan 18, 2017 4:45 pm

Oh my GOD, Seth!!! Everything looks so amazing!! I mean, amazing! I just love all of the code and spoiler and stuff! O-O I kind of teared up, here, what are you doing to me?!

And yes, about the chatbox bars, I do mean on that page. ^^ Just...OMG, you always make my dreams come true, this freaking page looks amazing. All the pages. <3 Thank you so much!
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Thu Jan 19, 2017 11:23 am

Glad you like the result. Smile As long as I have a visual example I can usually make it come to life. Cool It's like I can see the CSS when looking at things xD

Do you want them both the same color as the theme ? I just applied some CSS now which colors both bars. It's under 15. CHATBOX :
Code:
.chatbox .forabg {
  background:#6B25C1 !important;
  border-radius:0;
}

There's actually two selectors for the top and bottom, if you want to style them individually :
Code:
#chatbox_header {

}

#chatbox_footer {

}

Also I fixed a little bug with the index design ; it was applied in the search and PMs, so I added a unique class to the index_box template that fixed the issue. Fixed the alignment of the status icons in those sections so they're vertically centered too. Think that's everything I noticed -- oh almost forgot I added a colored title to the topic lists.
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Thu Jan 19, 2017 2:36 pm

You, sir, are PERFECT. Would you be willing to move the site title (just the text) down closer to the navbar, near the bottom half of the site logo?

Other than that (and an icon I need to replace), I think everything is as it should be.
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Fri Jan 20, 2017 10:21 am

Sure, it's no problem. I added the rule below to the stylesheet which adds padding to the top of the site title that "pushes" it down. Edit the padding if you want to move the text around at all. Wink
Code:
/* logo text align */
#site-title {
  padding-top:40px;
}

I should probably get to work on the theme switcher since we're almost done. Razz
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Fri Jan 20, 2017 11:55 am

I went ahead and added the affiliates page.  ^^  I also had an alphabet bar added to the memberlist on GtR, so I transferred that over.

There's another code on GtR I want to keep (JS), it is a save in progress feature for the editor...but I was wondering if it's YOUR code?  I don't think it is, but I can't recall if it had CSS that went with it--I'm pretty confident that there isn't any CSS to go with.  ANyway, I just wanted to make sure it was okay to transfer, because if it isn't your code, I don't want it interfering with what we have, now.

And as far as the theme changer, I'm ready! ^^ If you wanna add colors you like, feel free--as long as all the text is legible, I'm happy.
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Fri Jan 20, 2017 2:05 pm

OH! I almost forgot. I wanted to add a profile field, but I wanted it to be located in a weird spot. xD We currently have a "limit break" field on GtR that I plan on using, still.

Would it look okay if I placed it here? If you don't like it, I can make it horizontal and put it above the contact icons, instead.
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Sat Jan 21, 2017 11:21 am

Ah the save in progress script should be fine since it's only a JS. I didn't write it, but it shouldn't interfere with anything as far as I know.

I think the position of the limit break field is pretty unique. It should be easy to place it in that position now that the fields have unique class names. Let me know when you have it setup. OH make sure that the label text is visible though. Wink
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Sat Jan 21, 2017 1:51 pm

Okay, I made the new profile field, added the JS for the saving feature, and had a tea party! :3
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Mon Jan 23, 2017 12:17 pm

mmmm... tea. OOPS lol I added a script that repositions the limit break. Lookin good Cool
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Mon Jan 23, 2017 2:29 pm

YAY, ty!
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Tue Jan 24, 2017 12:47 pm

I finished up work on the theme selector, first one to support the chatbox too. Cool I'm not sure what names you wanted for the themes, so I improvised with this tool. If you want to change them at all, you can edit the names in the "Theme Selector" script. I think I covered everything, but if you notice anything that's not fitting with the selected theme let me know.

Loving Tamarillo btw Razz
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Tue Jan 24, 2017 3:27 pm

YES.  They all look amazing!!!!!  O----O    This place is freaking beautiful.
Thank you so much.  <3  I can't even believe how well it turned out.

The only color name I don't like is "Camouflage," because I hate Camo. xDD  /biased lol  

SO.  When I wanna transfer the theme soon, I need to remember the CSS, two templates (index_body, index_box), all JS pages, and I can just keep the affiliates HTML page as it is.  Plus images, colors that matter, etc.  I'll also need to deal with each post profile field with care....  Will that be everything?

EDIT:  Is that a bit of color on the right side of the sub-forum arrow slider?  O-o Also, I think there's a bug with the arrows on the category names (the black part of the arrows to the right side), they seem to not be black anymore on other colors, but return to black on default?
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Ange Tuteur on Wed Jan 25, 2017 10:43 am

Leah7 wrote:YES.  They all look amazing!!!!!  O----O    This place is freaking beautiful.
Thank you so much.  <3  I can't even believe how well it turned out.
Indeed, it looks amazing Cool

Leah7 wrote:The only color name I don't like is "Camouflage," because I hate Camo. xDD  /biased lol  
You'd love the color of my new PS4 controller and my old PS3 controller. tongue Speaking of which, Hanzo is SO MUCH easier to play when you don't have to push the R2 button back up. x.x My guns used to get stuck firing after pressing it, so I had to pull it back up LOL

Leah7 wrote:SO.  When I wanna transfer the theme soon, I need to remember the CSS, two templates (index_body, index_box), all JS pages, and I can just keep the affiliates HTML page as it is.  Plus images, colors that matter, etc.  I'll also need to deal with each post profile field with care....  Will that be everything?
You got everything pretty much covered. Although if you want to quickly transfer the CSS, colors, Images, and general settings, you can export the bbtheme via Display > Themes Management > Export > Current > Whole style

After that you just import the bbtheme on GtR via the "import skin" section of themes management. Then all you need to do is transfer the templates, profile fields, and JS files over. If you need any help with the bbtheme process let me know. Wink

Leah7 wrote:EDIT:  Is that a bit of color on the right side of the sub-forum arrow slider?  O-o  Also, I think there's a bug with the arrows on the category names (the black part of the arrows to the right side), they seem to not be black anymore on other colors, but return to black on default?
Whoops, the theme switcher was overriding their CSS rules, should be fixed now. I also made the default theme selector darker since that gray was standing the hell out. xD
avatar
Ange Tuteur
Admin

Meow

Posts : 203
Join date : 2014-07-05
Age : 22

View user profile http://fmdesign.forumotion.com

Back to top Go down

Re: Our Workshop

Post by JerriLeah7 on Wed Jan 25, 2017 1:12 pm

You, sir, are the greatest. xD
avatar
JerriLeah7
Admin

Personal Title

Posts : 419
Join date : 2012-07-05
Age : 28

View user profile http://www.gatewaytoroleplay.com

Back to top Go down

Re: Our Workshop

Post by Sponsored content


Sponsored content


Back to top Go down

Page 3 of 3 Previous  1, 2, 3

View previous topic View next topic Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum