Tabel Anunturi

Vezi subiectul anterior Vezi subiectul urmator In jos

Tabel Anunturi

Mesaj Scris de Emma90 la data de Joi 26 Oct - 20:31

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! Multumiri
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de mr.franta la data de Joi 26 Oct - 20:55

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.


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1246
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 104
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Emma90 la data de Joi 26 Oct - 20:59

ah ok, si de unde se poate obtine? La revedere
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Emma90 la data de Dum 5 Noi - 2:04

UPPPPPPPPPPP
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Emma90 la data de Mier 8 Noi - 0:56

chair nimeni?
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Lucifer la data de Mier 8 Noi - 8:19

Buna dimineța , dumneavoastră doriți tabelul de moderare nu ?
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Emma90 la data de Mier 8 Noi - 11:05

Doresc acel tabel de anunturi
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Lucifer la data de Mier 8 Noi - 19:33

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 :

avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Emma90 la data de Mier 8 Noi - 23:39

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.
avatar
Emma90
Membru Forumgratuit

feminin

Mesaje : 41
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0

http://Ermelmeta.forumgratuit.ro

Sus In jos

Re: Tabel Anunturi

Mesaj Scris de Lucifer la data de Joi 9 Noi - 20:52

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" />
avatar
Lucifer
Contribuitor suport
Contribuitor suport

masculin

Mesaje : 547
Varsta : 15
Localizare : LocalHost
Data înscrierii : 21/05/2016
Multumiri : 55
1 avertisment

https://www.fgdesign.biz/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum