Página 1 de 212»
Moderador del foro: ZorG 
Foro uCoz » Módulos de uCoz » Foro » Cambio del aspecto del foro (tema informativo)
Cambio del aspecto del foro (tema informativo)
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 1 | 2:31 PM
En el sistema uCoz el foro está hecho con ayuda de las tablas, carecen los usuarios del acceso a los HTML-códigos de estas tablas. El motivo de esto es siguiente: el nivel de conocimientos de la mayoría de los usuarios es demasiado bajo, lo que no permite editar HTML-códigos de manera debida. Es porque son invariables el contenido y la forma del foro, se cambia sólo el aspecto del foro. Con esto existen tres plantillas para el foro:

1. Aspecto de las páginas del foro;
2. Aspecto de los materiales (aspecto de un cierto mensaje del foro);
3. Formulario para añadir mensajes.

Permiten estas 3 plantillas + tablas crear un foro bastante original y singular, guardando al mismo tiempo toda la funcionalidad del sistema uCoz.

He aquí una parte de CSS que directamente está relacionada con el foro:

Code

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#E1E1E1}
.gTableTop {padding:2px;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;font-weight:bold;height:21px;padding-left:10px;font-size:11px;}
.gTableSubTop {padding:2px;background:url('http://src.ucoz.ru/t/999/8.gif') #FFFFFF;color:#559B36;height:20px;padding-top:8px;}
.gTableBody {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.gTableLeft {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;font-weight:bold;color:#559B36}
.gTableRight {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.gTableError {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#FFFFFF;}
a.catLink:visited {text-decoration:none; color:#FFFFFF;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#FFFFFF;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#559B36;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#559B36;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#559B36;}
a.forumBarA:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.fastNavCatA {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#E1E1E1;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#EEEEEE;font-weight:bold;color:#559B36;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#EEEEEE;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;  }
.threadsDetails {padding:2px;background:#EEEEEE;height:20px;color:#000000;}
.forumOnlineBar {padding:2px;background:#EEEEEE;height:20px;color:#000000;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#559B36;}
a.threadLink:visited {text-decoration:none; color:#559B36;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#E1E1E1}
.postPoll {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;text-align:center;}
.postFirst {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;border-bottom:3px solid #FFFFFF;}
.postRest1 {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postRest2 {background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postSeparator {height:3px;background:#F8FC00;}

.postTdTop {background:url('http://src.ucoz.ru/t/999/8.gif') #FFFFFF;color:#559B36;height:20px;padding-top:8px;}
.postBottom {background:#EEEEEE;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#597798;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}         
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;}         
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}

.codeButtons {font-size:7pt;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt; font-weight:bold;background:url('http://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postTextFl {width:550px;height:150px}
.postUserFl {width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

General forum Table View, Forums Styles и forum Titles & other – clases responsables por el aspect de las tablas del foro;
forum Titles & other – clases responsables por el aspecto del texto en la página inicial del foro;
forum Threads Style – clases reponsables por el aspecto de la lista de temas;
forum Navigation Bar – clases responsables por el aspecto de la barra de navegación;
forum Page switches – clases de cambios de páginas;
forum Post Form – clases responsables por los aspectos de mensajes y el formulario para añadir mensajes;

Así mismo está relacionada al foro la siguiente parte de CSS:

Code
/* Other Styles */
.replaceTable {background:#FFFFFF; border:1px solid #E1E1E1;height:100px;width:300px;}
.uLogBlock {width:166px;}

.legendTd {font-size:7pt;}
/* ------------ */

Esto es el aspecto de la página después de la colocación de un mensaje y el aspecto de la leyenda del foro.

Naturalmente, está relacionado el inicio de CSS con el foro, donde están indicados los parámetros del fondo de la página y el aspecto de los enlaces.

Code
/* General Style */
a:link {text-decoration:none; color:#559B36;}
a:active {text-decoration:none; color:#559B36;}
a:visited {text-decoration:none; color:#559B36;}
a:hover {text-decoration:underline; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 2 | 2:32 PM
Quote
a:link {text-decoration:none; color:#559B36;}

Se utiliza el subclase "link" para indicar los estilos de enlaces que un usuario no ha visitado todavía.
Quote
a:active {text-decoration:none; color:#559B36;}

Se utiliza el subclase "active" para indicar los estilos de enlaces activos.
Quote
a:visited {text-decoration:none; color:#559B36;}

Se utiliza el subclase "visited" para indicar los estilos de enlaces a las páginas que un usuario ha visitado ya.
Quote
a:hover {text-decoration:underline; color:#000000;}

Se utiliza el subclase "hover" para indicar los estilos de enlaces por arriba de los cuales está el puntero del ratón (es cuando el puntero del ratón está pasando por un enlace, no sé si me explico)

Quote
td, body {font-family:verdana,arial,helvetica; font-size:8pt;}

td – esto quiere decir que nosotros indicamos las configuraciones pa’l elemento <td>;
body – esto quiere decir que nosotros indicamos las configuraciones pa’l elemento <body>;

¿Por qué no indicamos eso de manera siguiente

Quote
td {font-family:verdana,arial,helvetica; font-size:8pt;}
body {font-family:verdana,arial,helvetica; font-size:8pt;}

sino en una línea? Es porque así es más simple. Si alguien necesita indicar para esos dos elementos diferentes estilos, los puede dividir. Al mismo tiempo puede al contrario añadir un estilo más:

Quote
p, td, body {font-family:verdana,arial,helvetica; font-size:8pt;}

lo venimos explicando para los que no saben que se puede hacer así .

Quote
form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}

aquí indicamos los estilos para los elementos <form>, <input>, <textarea>, <select>

y una vez más para los que no hayan sabido – no es obligatorio escribir estilos para cada elemento:
<input style="...">
no es obligatorio indicar el clase para cada elemento
<input class="...">
y después ir editándolo en los estilos... si tienen ganas de "corregir simultáneamente" algunos elementos... vayan haciéndolo cómo está descrito arriba.


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
TolBook
Mensajes: 557
Reputación: 26
Mensaje Nº 3 | 12:53 PM
No podrían realizar algun tipo de editor visual para ayudarnos a diseñar el foro?
Lo que pasa es que no entiendo mucho de esto y se me complica muchísimo.

Saludos y espero respuestas. wink


Aprovecho para invitarte a una nueva comunidad destinada al diseño, html, css, script, etc. Si estás interesado en este proyecto entra a iSupport. Más info aquí.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 4 | 1:33 PM
TolBook, si he comprendido lo que vos querés, tenés que ir al Panel de Control de tu web: Inicio » Diseño » Gestión de diseño (plantillas) y elegir el módulo que querés editar. En tu caso es Foro. Al hacer clic sobre éste se te sale Edición de las plantillas y en la parte inferior izquierda de la ventana de edición verás Editor HTML visual.
Espero que eso sea lo que querés.

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
TolBook
Mensajes: 557
Reputación: 26
Mensaje Nº 5 | 5:04 PM
Quote (GUARAGUAO)
TolBook, si he comprendido lo que vos querés, tenés que ir al Panel de Control de tu web: Inicio » Diseño » Gestión de diseño (plantillas) y elegir el módulo que querés editar. En tu caso es Foro. Al hacer clic sobre éste se te sale Edición de las plantillas y en la parte inferior izquierda de la ventana de edición verás Editor HTML visual.
Espero que eso sea lo que querés.
Gracias por responder, pero no has hacertado, lo que yo quiero es un editor visual de CSS en línea, porque me cuenta mucho eso, de todos modos, vulevo a repetir gracias por responder, y espero respuestas.

Saludos! wink


Aprovecho para invitarte a una nueva comunidad destinada al diseño, html, css, script, etc. Si estás interesado en este proyecto entra a iSupport. Más info aquí.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 6 | 5:59 PM
Por desgracia nuestro sistema carece del editor visual de CSS en línea, pero podés probar otro método pasando al Panel de Control de tu web: Inicio » Diseño » Gestión de diseño (CSS). Así mismo podés copiar y pegar el código de una plantilla en un editor externo, procesarlo y devolver al sitio.
Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
TolBook
Mensajes: 557
Reputación: 26
Mensaje Nº 7 | 2:47 PM
Quote (GUARAGUAO)
Por desgracia nuestro sistema carece del editor visual de CSS en línea, pero podés probar otro método pasando al Panel de Control de tu web: Inicio » Diseño » Gestión de diseño (CSS). Así mismo podés copiar y pegar el código una plantilla en un editor externo, procesarlo y devolver al sitio.

Muchas Gracias por responder, pero que lástima lo del editor sad sad sad

Aprovecho para invitarte a una nueva comunidad destinada al diseño, html, css, script, etc. Si estás interesado en este proyecto entra a iSupport. Más info aquí.
Violinista
Mensajes: 104
Reputación: 3
Mensaje Nº 8 | 5:28 AM
es demaciado complicado aprenderse el HTML, requiere demaciado tiempo, y para usuarios que buscan hacerce sus foros desde cero.. ¿puede ver una forma de areglar eso??
Para escritores nobeles mirar aquí: http://skare.at.ua/
zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 9 | 8:38 PM
es una pabada html jajajaja xD

--------------------------------------
www.infraworld.do.am visitenla


Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 10 | 1:00 PM
Violinista, el que no trabaja no come: es imposible crear algo sin que supieras la cosa desde cero.
O puedes pedir a alguien que te haga una web. deal

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 11 | 10:46 PM
o podes pedir soporte, y ves s te dan una mano para mejorar tu sitio, si necesitas algo, yo volvi a uCoz biggrin
Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
Grapax
Mensajes: 10
Reputación: 0
Mensaje Nº 12 | 12:56 PM
El html cuando lo aprendes no es tan complicado, pero requiere tiempo y práctica, poco a poco verán que es mucho más sencillo de lo que parecía en un buen principio. smile

Visiten: http://videostube.ucoz.es/
Gran web de vídeos y, próximamente, de películas.

APRENDE A GANAR DINERO POR INTERNET: (http://dineronline.ucoz.es)
Post editado por Grapax - Miércoles, 2011-07-20, 12:59 PM
Clark-CLK
Mensajes: 55
Reputación: 0
Mensaje Nº 13 | 1:39 AM
UNa pregunta simple, haber si alguien me responde ^^
¿Como cambio la imagne uqe encabeza mi web? Un amigo me hizo una especie de banner para la parte donde sale la imagen de un dragon y pone World of Warcraft y me lo quiero cambiar, mi web:
http://hoperonline.ucoz.es

Sip, estoy haciendo un juego online cool

Wong Wong!!
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 14 | 1:19 PM
Mira estos temas:
1. http://foro.ucoz.es/forum/5-1280-1
2. http://foro.ucoz.es/forum/6-594-1

Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
JMG_Elite
Mensajes: 11
Reputación: 0
Mensaje Nº 15 | 3:07 PM
Muy buenas, he posteado un mensaje aqui:

http://foro.ucoz.es/forum/9-1821-1

Si creen que deben mover el mensaje haganlo y disculpen las molestias, me gustaria que me echaseis una mano con el problemilla que tengo.

Un Saludo y gracias

Añado: (Mensaje del Enlace)

Quote (Mensaje del Enlace)
Muy buenas, estoy cambiando todo el aspecto General de mi página Web, pero cuando he yegado al Foro no puedo Cambiar el color de la barra superior de cada tema, me gustaria que me explicaseis donde tengo que entrar para modificar estos aspectos que detallo, me gustaria cambiarlo por imagenes con degradados.

Gracias y Un saludo
Adherido: 1729615.png(331Kb)

Post editado por JMG_Elite - Viernes, 2012-06-22, 3:13 PM
Foro uCoz » Módulos de uCoz » Foro » Cambio del aspecto del foro (tema informativo)
Página 1 de 212»
Búscar: