The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Update to announcement / tutorial tables

View previous topic View next topic 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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Update to announcement / tutorial tables

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

test tutorial

test




No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15368
Reputation : 1563
Language : French, English

http://help.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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