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) |
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; 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; 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.
|
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>; ¿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: Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
|
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. |
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.
|
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. Saludos! |
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.
|
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 |
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/
|
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.
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
|
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 Wong Wong!! |
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.
|
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
(330.9 Kb)
Post editado por JMG_Elite - Viernes, 2012-06-22, 3:13 PM
|
| |||