Cum sa pun fond de culoare intr-o casuta a unui tabel?

Joi 09 Oct 2014, 20:28
Bună ziua.
Vreau să fac un tabel cu căsuțele de diverse culori (ca fond, nu culoarea scrisului). De asemenea, este vorba de un tabel în mesjele normale, nu din panoul de administrare. Adică, mă interesează comenzi de genul [xxx] și [/xxx], nicidecum <xxx> și </xxx>.
Mulțumesc.
O zi bună.

11 Oct 2014, 20:02
Tot nu m-am făcut înțeles. Încerc să formulez altfel.
Încerc să găsesc "Continut" pentru o comandă de genul "Shading" în Word sau "Fill Color" din Excel.
Altfel spus, încerc să găsesc pentru editarea unui mesaj similarul a ceea ce am în panoul de administrator ca fiind: <tr align="absmiddle">
<td style="background-color: Black; color: White;" valign="top">ilovebrindy<br></td></tr>
"Continut"-ul pentru așa ceva vreau.
În Word așa arată pictograma:

Sper ca de data asta să mă fi făcut înțeles.
Mulțumesc.
O zi bună.

Astazi la 00:48

Cesar a scris: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.

Cum adică nu am arătat interes?
Asta nu se vede? Mier 15 Oct 2014, 18:23 Ajutorrrrrrrrrrr!, Joi 16 Oct 2014, 21:46 Am fost uitat sau e un aspect dificil de rezolvat?
Am primit vreun răspuns și n-am pus rezolvat pe primul mesaj? Sau trebuie să tot întreb ca prostul deși nimeni nu-mi bagă în seamă problema?
Dacă răspunsul va fi să dau mesaje inutil și periodic, puneți-vă atunci de comun acord cu politica acestui forum de suport. De ce? Iată:
~ continut eliminat

Salutare,
Regulamentul prevede ca daca un utilizator nu mai prezinta interes in topicul deschis, timp de 14 zile, acesta sa fie inchis si trimis la cos.
Ultimul dvs mesaj a fost in data de 22 octombrie, astazi fiind sapte noiembrie.

Revenind la subiect, din ce am inteles eu, doriti sa adaugati fundal textului. In ultimul topic, colegul meu, vi-a oferit un tutorial catre adaugarea unui buton in instrumentul de editare. Folosind [Trebuie sa fiti inscris si conectat pentru a vedea acest link] parte a tutorialului, unde trebuie sa adaugam continutul butonului, adaugam:

Cod:

<p class='rosu'>Fundalul textului trebuie sa fie rosu</p>

In CSS adaugam, spre exemplu:

Cod:


p.rosu { background-color: #ff0000; color: white;}


Si o sa adaugam pentru fiecare culoare dorita, un nou buton corespunzator culorii, cu clase diferite.
Exemplu verde:
 Continut buton "verde":

Cod:

<p class='verde'>Fundalul textului trebuie sa fie verde</p>

In CSS:

Cod:


p.verde { background-color: #00ff00; color: white;}


Bună seara.
Urmând pașii din tutorialul [Trebuie sa fiti inscris si conectat pentru a vedea acest link] am încercat să introduc un buton de tip "drop down".
Am introdus următorul javascript:

Cod:

$(function(){
         $(function(){
         $('<div class="instrumente" style="float: left;"><a class="sceditor-button buton1" unselectable="on" title="Culoare de fond"><img src="http://i59.servimg.com/u/f59/17/54/14/29/shadin13.jpg"/></a><ul>
        <li><a class="sceditor-button [b][color=#ff0000]buton2[/color][/b]" unselectable="on" title="rosu"><b>rosu</b></a></li>
        <li><a class="sceditor-button [b][color=#006600]buton3[/color][/b]" unselectable="on" title="verde"><b>verde</b></a></li>
        </ul></div>').insertBefore('.sceditor-button-size');
        $('.[b][color=#ff0000]buton2[/color][/b]').click(function(){
         $('#text_editor_textarea').sceditor("instance").insertText("<p class='rosu'>Fundalul textului trebuie sa fie rosu</p>")});
        });
        $('.[b][color=#006600]buton3[/color][/b]').click(function(){
         $('#text_editor_textarea').sceditor("instance").insertText("<p class='verde'>Fundalul textului trebuie sa fie verde</p>")});
        });
        });

Am introdus în foaia CSS:

Cod:

p.rosu { background-color: #ff0000; color: white;}
p.verde { background-color: #00ff00; color: white;}

Nu văd nimic. Ce am greșit? După cum se vede am încercat cu doar două butoane.

Să mai explic o dată ceea ce vreau să fac:
Cum este "Culoare" de tip drop down în editorul de measaje, vreau să fac un buton "Culoare de fond".
Pentru "Culoare de fond" vreau să fac următoarele:
- pictograma aceasta: ;
- cele 15 culori clasice ca la "Culoare".

Ce vreau să facă acest buton "Culoare de fond"?
Fac un tabel, simplu ca exemplu, de 2x2 (două rânduri și două coloane). În prima căsuță vreau să scriu pe fond negru, în a doua pe fond roșu, în a treia pe fond galben și în a patra pe fond albastru.

Mulțumesc.
O seară bună.

Îmi arăt interesul ca să nu fie șters mesajul.

Îmi arăt interesul ca să nu fie șters mesajul.

Incearca astfel:
1) Javascript, amplasament toate paginile

Cod:

$(function(){
 $(function(){
 $('<div class="instrumente" style="float: left;"><a class="sceditor-button buton1" unselectable="on" title="Culoare pentru fundal"><b>Culoare pentru fundal</b></a><ul>
<li><a class="sceditor-button buton2" unselectable="on" title="Rosu"><b>Rosu</b></a></li><li><a class="sceditor-button buton3" unselectable="on" title="Verde"><b>Verde</b></a></li>
</ul></div>').insertBefore('.sceditor-button-size');
$('.buton2').click(function(){
 $('#text_editor_textarea').sceditor("instance").insertText("<p class='rosu'>Fundalul textului trebuie sa fie rosu</p>")});
});
$('.buton3').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("<p class='verde'>Fundalul textului trebuie sa fie verde</p>")});
});

CSS:

Cod:

.sceditor-button {
font-size: 11px !important;
color: #777 !important;
width: auto !important;
text-indent: 0px !important;
}
 
.sceditor-button b{position: relative;top: 10px;}
 
.instrumente ul{
  display: none;background: white;
  position: absolute;
  margin-top: 24px;
  box-shadow: 0px 0px 5px #adadad;
  padding: 5px;
}
.instrumente:hover > ul {
display: block;
}

Îmi apare butonul dar comanda nu face nimic. Îmi apare sec scris: <p class='rosu'>Fundalul textului trebuie sa fie rosu</p>. Asta pe roșu. Pe verde, nimic.
Asta copiind sec informațiile ultimului mesaj. Mai trebuie și altceva inserat cumva? Mulțumesc.

Codul l-am testat, functioneaza, trebuie doar sa modificati in ce doriti dvs textul. Nu inteleg totusi de ce doriti acest buton cand puteti face totul mult mai simplu cu HTML si CSS..
Pur si simplu adaugati in CSS primele coduri oferite:

Cod:

 p.culoare { background-color: #COD CULOARE; color: #CULOARE TEXT;}

Si apoi in tabelul tau, unde trebuie sa adaugi textul adaugi pur si simplu:

Cod:

<p class='culoare'>TEXTUL TAU AICI</p>

Spoiler:

Este scris corect

Cod:

p.rosu { background-color: #ff0000; color: white;}

înlocuind

Cod:

p.culoare { background-color: #COD CULOARE; color: #CULOARE TEXT;}

?
Apoi mă duc să editez mesajul. Introduc

Cod:

<p class='rosu'>xxx</p>

. E corect, nu?
Iată ce am făcut la editare și se vede la previzualizare mai sus ce va apărea:

În altă ordine de idei, doresc acest buton pentru ca toată lumea să aibă facilitatea asta, nu numai eu să știu că o pot face introducând o comandă sau alta.
Iată și cum arată previzualizarea folosind butonul pentru roșu. Pentru verde nu apare nimic.

Mulțumesc.

Inlocuieste codul folosit cu acesta:

Cod:

$(function(){
 $(function(){
 $('<div class="instrumente" style="float: left;"><a class="sceditor-button buton1" unselectable="on" title="Culoare pentru fundal"><b>Culoare pentru fundal</b></a><ul>
<li><a class="sceditor-button buton2" unselectable="on" title="Rosu"><b>Rosu</b></a></li><li><a class="sceditor-button buton3" unselectable="on" title="Verde"><b>Verde</b></a></li>
</ul></div>').insertBefore('.sceditor-button-size');
$('.buton2').click(function(){
 $('#text_editor_textarea').sceditor("instance").insertText("<p class='rosu'>Textul tau aici</p>")});
$('.buton3').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("<p class='verde'>Textul tau aici</p>")});
});
});

Nicio schimbare.
Si nu am primit răspuns la primele două întrebări din mesajul meu anterior (la primele 3 coduri postate de mine). Poate am greșit acolo.
Și, nu cumva trebuie editate ceva comenzi în legătură cu culorile alea?
Sau, sunt eu greu de cap și nu înțeleg toate noțiunile prezentate. Adică, mi-e neclar și cam trebuie să deduc.
Ce e "Continut"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Text-ul dorit"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Denumire buton"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Buton"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Poate ar trebui un tutorial principal pe tema asta, ceva de genul, vrei să faci asta, urmează pașii următori:
1. Copiezi codul asta în javascript cu numele X.
2. În cod modifici Y cu Z. Modificarea este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
3. Te duci pe foaia CSS. Acolo scrii W. Înlocuiești W cu Q care are sau nu legătură cu Z. Modificarea este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
4. Te duci în editarea mesajului. Acolo nu mai trebuie nimic sau mai trebuie V. V este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
Mulțumesc.

Nicio schimbare.
Si nu am primit răspuns la primele două întrebări din mesajul meu anterior (la primele 3 coduri postate de mine). Poate am greșit acolo.
Și, nu cumva trebuie editate ceva comenzi în legătură cu culorile alea?
Sau, sunt eu greu de cap și nu înțeleg toate noțiunile prezentate. Adică, mi-e neclar și cam trebuie să deduc.
Ce e "Continut"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Text-ul dorit"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Denumire buton"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Ce e "Buton"? Adresă de internet, poză, ceva standard, vorbe de-ale mele, comandă pentru javascript sau CSS? Și unde se introduce? În editarea unui mesaj, în javascript, în CSS?
Poate ar trebui un tutorial principal pe tema asta, ceva de genul, vrei să faci asta, urmează pașii următori:
1. Copiezi codul asta în javascript cu numele X.
2. În cod modifici Y cu Z. Modificarea este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
3. Te duci pe foaia CSS. Acolo scrii W. Înlocuiești W cu Q care are sau nu legătură cu Z. Modificarea este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
4. Te duci în editarea mesajului. Acolo nu mai trebuie nimic sau mai trebuie V. V este adresă de internet, poză, ceva standard (să fie clar, să înțeleagă toți).
Mulțumesc.