Update to announcement / tutorial tables

Go down

Update to announcement / tutorial tables

Post by Ange Tuteur on April 16th 2015, 12:56 pm

Hey, I'm just letting you all know that I've added the table styles to our CSS. This means that it will be a lot cleaner and easier to edit, because it will be using classes instead of inline styles. ( Takes up less space ) It also means that we can change the style globally at anytime, provided that the table is using the classes in the stylesheet.

Here is the table layout :
Code:
[table class="tuto-header announcement"][tr]
[td class="tuto-logo"][/td]
[td class="tuto-title"]Announcement Title[/td]
[td class="tuto-type"][/td]
[/tr][/table]
[table class="tuto-content"][tr][td]



[/td][/tr][/table]
[table class="tuto-footer"][tr][td class="tuto-credit"]
[center]A [b][color=#3399CC]Forum[/color][color=#333333]otion[/color][/b] Important Announcement[/center]
[/td][td class="tuto-brand"][/td][/tr][/table]

At the top of the table you will see this : class="tuto-header announcement"

To change the image on the right, replace announcement with any of the following keywords.

  • tutorial
  • rules
  • review
  • announcement

I highly recommend that we start using classes when using the tables. This way if we ever decide to change the design, we can do it without editing a bunch of tutorials. Wink

Let me know your thoughts. Smile


Last edited by Ange Tuteur on April 16th 2015, 7:30 pm; edited 1 time in total
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Re: Update to announcement / tutorial tables

Post by Guest on April 16th 2015, 6:55 pm

If Buttercup approves this, Ange, just show me how they fit into the layout and I'll be happy to begin updating the tricks and tips with them, including ones already updated.

Guest
Guest


Back to top Go down

Update to announcement / tutorial tables

Post by Ange Tuteur on April 16th 2015, 7:26 pm

I think you can see this button in the editor with the tools right ? ( ) It has a few formatting for the tutorials, the first option being for the tutorial layout. You can select all the content in a post, then click that option to wrap it with the table. You just have to make sure to reinsert the correct title and credits. thumleft

I actually updated a few myself for testing ^^


I'll split my post into a new topic so everyone can discuss. Then when we're ready I'll update the layout in the first post here. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Re: Update to announcement / tutorial tables

Post by Shadow on April 17th 2015, 10:02 am

test tutorial  

test 


avatar
Shadow
Administrator
Administrator

Male Posts : 15965
Reputation : 1729
Language : French, English

https://help.forumotion.com

Back to top Go down

Back to top


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