Tabel Anunturi

[Emma90]

Salut,

asi dori si eu acest tabel de pe forumul englez de suport: help.forumotion.com/t154470-datacenter-maintenance

doar ca vreau un cod de pus in CSS si unul pentru topic, nu vreau unu singru de pus in topic cu tot cu CSS, le vreau despartite.

Va multumesc!

[mr.franta]

Acel cod contine bbcode cu css integrat.
Cu alte cuvinte il puteti pune direct in topic fara a mai fi nevoie sa adaugati ceva in css.

[Emma90]

ah ok, si de unde se poate obtine?

[Emma90]

UPPPPPPPPPPP

[Emma90]

chair nimeni?

[Petronel]

Buna dimineța , dumneavoastră doriți tabelul de moderare nu ?

[Emma90]

Doresc acel tabel de anunturi

[Petronel]

Buna seara ! Urmati pasii de mai jos !

1. Acp --> Afisare --> Culori --> Foaie de stil CSS :

Cod:

.tuto-header + br{display:none}.tuto-content,.tuto-footer,.tuto-header{border-spacing:0;width:100%}.tuto-header a,.tuto-header font{color:#FFF!important}.tuto-header{background:#39C;border:1px solid #39C;border-radius:3px 3px 0 0;color:#FFF;font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;padding:3px}.tuto-logo,.tuto-type{height:75px;position:relative;text-align:center;width:150px}.tuto-title{font-size:22px;text-align:center}.tuto-logo:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;content:"f086";font-family:FontAwesome;font-size:49px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-rendering:auto}.announcement .tuto-logo:after{content:"f0a1"}.tutorial .tuto-logo:after{content:"f0d0"}.rules .tuto-logo:after{content:"f071"}.review .tuto-logo:after{content:"f046"}.graphic .tuto-logo:after{content:"f1fc"}.tuto-type:after{background:#FFF;border-radius:0 0 3px 3px;color:#39C;content:"Template";display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;position:absolute;right:20px;top:-3px}.announcement .tuto-type:after{content:"Announcement"}.tutorial .tuto-type:after{color:#8B5;content:"Tutorial"}.rules .tuto-type:after{color:#ed765e;content:"Important"}.review .tuto-type:after{color:#5AB584;content:"Review"}.graphic .tuto-type:after{color:#e06b59;content:"Graphic Design"}.tuto-content{background:#FFF;border:1px solid #39C;border-bottom:3px dashed #CCC!important;padding:3px}.tuto-footer{background:#FFF;border:1px solid #39C;border-bottom-width:5px;border-radius:0 0 3px 3px;border-top:none}.tuto-credit{padding:10px 6px;position:relative;text-align:justify;vertical-align:middle}.tuto-brand{height:60px;padding:6px 0;text-align:center;vertical-align:bottom;width:120px}.tuto-brand:before{color:#39C;content:"Forum"}.tuto-brand:after{color:#333;content:"otion.com"}.tuto-credit:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;bottom:20px;color:#39C;content:"f086";font-family:FontAwesome;font-size:49px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;position:absolute;right:-85px;text-rendering:auto}.tuto-header.tutorial{background-color:#8B5;border-color:#8B5}.tutorial + .tuto-content,.tutorial + .tuto-content + .tuto-footer,.tutorial + br + .tuto-content,.tutorial + br + .tuto-content + br + .tuto-footer{border-color:#8B5}.tuto-header.rules{background-color:#ed765e;border-color:#ed765e}.rules + .tuto-content,.rules + .tuto-content + .tuto-footer,.rules + br + .tuto-content,.rules + br + .tuto-content + br + .tuto-footer{border-color:#ed765e}.tuto-header.review{background-color:#5AB584;border-color:#5AB584}.review + .tuto-content,.review + .tuto-content + .tuto-footer,.review + br + .tuto-content,.review + br + .tuto-content + br + .tuto-footer{border-color:#5AB584}.sticker-points img,.tuto-content table[style="width%;"] td[style="width:50%;text-align:center;"] img{vertical-align:middle}.tuto-header.graphic{background-color:#e06b59;border-color:#e06b59}.graphic + .tuto-content,.graphic + .tuto-content + .tuto-footer,.graphic + br + .tuto-content,.graphic + br + .tuto-content + br + .tuto-footer{border-color:#e06b59}#fa_notice{background:#FFF url(http://64.19.142.12/i18.servimg.com/u/f18/18/21/41/30/bull-f10.png) no-repeat 10px 50%;border:1px solid #39C;border-radius:3px;color:#333;font-family:Verdana, Helvetica, Sans-serif;font-size:13px;margin:12px 0;padding:25px 6px 25px 70px}#fa_notice.noti_warn{background-color:#FEE;background-image:url(http://64.19.142.12/i18.servimg.com/u/f18/18/21/41/30/warn-f10.png);border-color:#C99;color:#933}#cp-main .panel.sig::before,#cp-main .panel.sig:before{background:#F5F5F5;border:1px solid #DDD;border-bottom-width:2px;border-radius:3px;color:#E53;content:'Attention : Your settings will be saved, however note, that only staff members can display signatures on the forum.';display:block;font-weight:700;margin:6px 0;padding:6px;text-align:center}#fa_popup_overlay{background-color:#FFF;bottom:0;left:0;opacity:.8;position:fixed;right:0;top:0}#fa_popup{background:#FFF;border-radius:3px;bottom:30px;box-shadow:0 3px 10px rgba(34,25,25,0.4);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;left:12%;overflow:hidden;padding:3px;position:fixed;right:12%;top:50px;width:auto}#fa_popup_content{border:1px solid #EEE;border-radius:3px;height:90%;overflow:auto;padding:3px}
 
 .announcement .tuto-logo:after{content:"f0a1"}.tutorial .tuto-logo:after{content:"f0d0"}.rules .tuto-logo:after{content:"f071"}.review .tuto-logo:after{content:"f046"}.graphic .tuto-logo:after{content:"f1fc"}.tuto-type:after{background:#FFF;border-radius:0 0 3px 3px;color:#39C;content:"Template";display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;position:absolute;right:20px;top:-3px}.announcement .tuto-type:after{content:"Announcement"}.tutorial .tuto-type:after{color:#8B5;content:"Tutorial"}.rules .tuto-type:after{color:#ed765e;content:"Important"}.review .tuto-type:after{color:#5AB584;content:"Review"}.graphic .tuto-type:after{color:#e06b59;content:"Graphic Design"}.tuto-content{background:#FFF;border:1px solid #39C;border-bottom:3px dashed #CCC!important;padding:3px}.tuto-footer{background:#FFF;border:1px solid #39C;border-bottom-width:5px;border-radius:0 0 3px 3px;border-top:none}.tuto-credit{padding:10px 6px;position:relative;text-align:justify;vertical-align:middle}.tuto-brand{height:60px;padding:6px 0;text-align:center;vertical-align:bottom;width:120px}.tuto-brand:before{color:#39C;content:"Forum"}.tuto-brand:after{color:#333;content:"otion.com"}.tuto-credit:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;bottom:20px;color:#39C;content:"f086";font-family:FontAwesome;font-size:49px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;position:absolute;right:-85px;text-rendering:auto}.tuto-header.tutorial{background-color:#8B5;border-color:#8B5}.tutorial + .tuto-content,.tutorial + .tuto-content + .tuto-footer,.tutorial + br + .tuto-content,.tutorial + br + .tuto-content + br + .tuto-footer{border-color:#8B5}.tuto-header.rules{background-color:#ed765e;border-color:#ed765e}.rules + .tuto-content,.rules + .tuto-content + .tuto-footer,.rules + br + .tuto-content,.rules + br + .tuto-content + br + .tuto-footer{border-color:#ed765e}.tuto-header.review{background-color:#5AB584;border-color:#5AB584}.review + .tuto-content,.review + .tuto-content + .tuto-footer,.review + br + .tuto-content,.review + br + .tuto-content + br + .tuto-footer{border-color:#5AB584}.sticker-points img,.tuto-content table[style="width%;"] td[style="width:50%;text-align:center;"] img{vertical-align:middle}.tuto-header.graphic{background-color:#e06b59;border-color:#e06b59}.graphic + .tuto-content,.graphic + .tuto-content + .tuto-footer,.graphic + br + .tuto-content,.graphic + br + .tuto-content + br + .tuto-footer{border-color:#e06b59}

.tuto-logo:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;content:"\f086";font-family:FontAwesome;font-size:49px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-rendering:auto}.announcement .tuto-logo:after{content:"\f0a1"}.tutorial .tuto-logo:after{content:"\f0d0"}.rules .tuto-logo:after{content:"\f071"}.review .tuto-logo:after{content:"\f046"}.graphic .tuto-logo:after{content:"\f1fc"}.tuto-type:after{background:#FFF;border-radius:0 0 3px 3px;color:#39C;content:"Template";display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;position:absolute;right:20px;top:-3px}.announcement .tuto-type:after{content:"Announcement"}.tutorial .tuto-type:after{color:#8B5;content:"Tutorial"}.rules .tuto-type:after{color:#ed765e;content:"Important"}.review .tuto-type:after{color:#5AB584;content:"Review"}.graphic .tuto-type:after{color:#e06b59;content:"Graphic Design"}.tuto-content{background:#FFF;border:1px solid #39C;border-bottom:3px dashed #CCC!important;padding:3px}.tuto-footer{background:#FFF;border:1px solid #39C;border-bottom-width:5px;border-radius:0 0 3px 3px;border-top:none}.tuto-credit{padding:10px 6px;position:relative;text-align:justify;vertical-align:middle}.tuto-brand{height:60px;padding:6px 0;text-align:center;vertical-align:bottom;width:120px}.tuto-brand:before{color:#39C;content:"Forum"}.tuto-brand:after{color:#333;content:"otion.com"}.tuto-credit:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;bottom:20px;color:#39C;content:"\f086";font-family:FontAwesome;font-size:49px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;position:absolute;right:-85px;text-rendering:auto}.tuto-header.tutorial{background-color:#8B5;border-color:#8B5}.tutorial + .tuto-content,.tutorial + .tuto-content + .tuto-footer,.tutorial + br + .tuto-content,.tutorial + br + .tuto-content + br + .tuto-footer{border-color:#8B5}

2. Intr-un topic plasati textul asta :

Cod:

<div><table      class="tuto-header announcement"><tr><td class="tuto-logo"></td><td class="tuto-title"><font face="FontAwesome"><span style="font-size: 18px; line-height: normal"></span></font> Datacenter Maintenance  <font face="FontAwesome"><span style="font-size: 18px; line-height: normal"></span></font> </td><td class="tuto-type"></td></tr></table><table      class="tuto-content"><tr><td><br /><br /><br />Dear members.<br /><br />We are having some Datacenter Maintenance today and some of the following may show it's face.<br /> <br /><strong>Things already reported:</strong><br />Slow loading pages,<br />Post taking longer to post on the forum,<br />White pages,<br />Error pages showing,<br />Loss of profile data,<br />RPG page not loading or has a error message,<br />Maintenance in progress Page,<br /> <font color="#FF0000"><font face="FontAwesome"><span style="font-size: 18px; line-height: normal"></span></font> Please keep an eye on this thread for updates as they come in</font><br /><br /><blockquote><div>If after the work is done and you still have problems Please post a short description of your problem with screen shots and your forum URL. This should only be done after the work has been completed our end.</div></blockquote><br />We would like to inform you this is nothing to worry about all your data and post should be safe.<br /><br />We thank you for your understanding at this time.<br />We will report back here when this work is over.<br /><br />kind Regards.<br /><br /><font color="#7567CE"><strong>APE</strong></font> <strong>and the <font color="#3399CC">Forum</font><font color="#333333">otion Team</font></strong><br /><br /><br /></td></tr></table><table      class="tuto-footer"><tr><td class="tuto-credit"><div align="center">A <strong><font color="#3399CC">Forum</font><font color="#333333">otion</font></strong> Important Announcement</div></td><td class="tuto-brand"></td></tr></table>

Nota :

1. Trebuie activat optiunea de utilizarea a codurilor HTML in topic !

Cum se activeaza ?
- Acp --> General --> Mesaje si emailuri -->  Configurare -->  '' Permiteti HTML '' ( aici se bifeaza '' Da '' )

2. Trebuie editat textul .
3. Zilele astea o sa fac un cod JS (sa nu mai stati sa dati copy & paste la tot)


Rezultat :

[Emma90]

Iti multumesc pentru efort, dar CSS este prea voluminos, am vazut ca ai bagat si CSS la alte tabele (graphic, tutorial, important) dar eu il vreau doar pe ala baza... CSS este prea lung.

[Petronel]

Buna seara , intrati in ACP --> Afisare --> Template si in template-ul Overall_Header cautati :

Cod:

{CSS}

Si imediat dupa codul asta , adaugati urmatorul cod CSS extern :

Cod:

<link rel="stylesheet" type="text/css" media='screen,print' href="http://petronel.16mb.com/public/min/index.php?ipbv=c62756c1036aa493ee5187e9858faecd&amp;f=public/style_css/css_1/ipb_help.css,public/style_css/css_1/calendar_select.css,public/style_css/css_1/ipb_common.css,public/style_css/css_1/ipb_styles.css" />

[Zachary]

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit. => Topic trimis in cosul de gunoi