La data/ora di oggi è Dom 23 Apr 2017 - 7:26

12 risultati trovati per ffffff

scritte barra navigazione

Tipo di creazione : Altro
Dimensioni : 58x19
Colore principale : #FFFFFF
Colore secondaro : #DFD3D3
Immagini da includere : http://www.hosting.universalsite.org/image-scritte-8370_58B19AC8.png


[/spoiler]
Testo da inserire : tutte le scritte presenti nelle immagine
Font (carattere testo) : comedafoto o molto simile
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://.
Username on the forum : .
Descrizione dettagliata : ho bisogno di inserire delle scritte come quelle che ho postato
il colore sempre bianco , l importante che le scritte siano tutte con lo sfondo trasparente perche le dovro integrare in una corice.
Da whiteangel__
il Sab 25 Feb 2017 - 16:03
 
Ricercare in: Richieste grafiche completate
Argomento: scritte barra navigazione
Risposte: 7
Vista: 166

Tema mobile: una continua evoluzione

Visualizza tutte le modifiche da effettuare sui templates mobile:



    Nel template confirm_bodyse non c'è nessun contenuto, semplicemente aggiunger eil seguente
    Spoiler:
       

    {MESSAGE_TITLE}

           
           

    {MESSAGE_TEXT}

           {OPTIONAL_BAN_NEW}
           
                           {S_HIDDEN_FIELDS}                                                        
       
    Nel template css
    Sostituisci:
    select {  -moz-appearance: none;
    Con :
    select {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;
    Rimuovi:
    img {    display: inline-block;    max-width:100%;    width: auto;    height: auto;}
    Sostituisci:
    header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after {
    Con :
    header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after,.post-head:after,.notification-row:after,.mark-buttons:after,.form-buttons:after {
    Tra:
    /* Header */
    E:
    Aggiungere:
    @keyframes notification-new-alert {  0% {    transform: rotate(20deg);  }  5% {    transform: rotate(40deg);  }  10% {    transform: rotate(20deg);  }  15% {    transform: rotate(40deg);  }  20% {    transform: rotate(20deg);  }  25% {    transform: rotate(40deg);  }  30% {    transform: rotate(20deg);  }}
    Sostituisci:
    #header #mToggleArrow:after {  color: #FFFFFF;  content: "\e5d2";  font-size: 24px;  left: 0;  right: 0;  position: absolute;  text-align: center;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    #header #mToggleArrow:after {  content: "\e5d2";  left: 0;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Prima di:
    Aggiungere:
    #header #mNotificationBtn {  bottom: 0;  display: block;  height: 56px;  position: absolute;  right: 56px;  top: 10px;  width: 56px;}#header #mNotificationBtn:hover {  background-color: #1976D2;}#header #mNotificationBtn:after {  content: "\e7f4";  left: 0;  opacity: 1;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}#header #mNotificationBtn:before {  content: "\e7f7";  left: 0;  opacity: 0;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}#header #mNotificationBtn.shownBar:after {  content: "\e5cd";}#header #mNotificationBtn ~ h1 {  padding-right: 56px;}#header #mNotificationBtn.notification-new:after {  opacity: 0;  transform: rotate(20deg);}#header #mNotificationBtn.notification-new:before {  animation: notification-new-alert 2s infinite ease-in-out;  opacity: 1;  transform: rotate(20deg);}#header #unread_notif {  background-color: #CD5C5C;  border-radius: 3px;  font-size: 12px;  height: 18px;  left: 12px;  line-height: 18px;  opacity: 0;  padding: 0 4px;  position: absolute;  top: 10px;  z-index: 1;}#header #unread_notif.notification-new {  opacity: 1;}#header #unread_notif_menu {  background-color: #CD5C5C;  border-radius: 3px;  font-size: 12px;  height: 18px;  right: 20px;  line-height: 18px;  opacity: 0;  padding: 0 4px;  position: absolute;  top: 17px;  z-index: 1;}#header #unread_notif_menu.notification-new {  opacity: 1;}
    Sostituisci:
     padding: 15px 40px;}#header .navElement > .navBtnIcon {
    Con :
     padding: 15px 40px;  position: relative;}#header .navElement > .navBtnIcon {
    Sostituisci:
    h1 {  font-size: 20px;  font-weight: 400;  overflow: hidden;  margin-left: 16px;  margin-right: 56px;  text-align: center;  text-overflow: ellipsis;  max-width: 100%;  padding: 0;  font-family: "Roboto";}
    Con :
    h1 {  font-size: 20px;  font-weight: 400;  overflow: hidden;  margin-left: 16px;  margin-right: 56px;  text-align: left;  text-overflow: ellipsis;  max-width: 100%;  padding: 0;  font-family: "Roboto";}
    Prima di:
    .forum-section {
    Aggiungere:
    .forum-section-wrap {  position: relative;}
    Sostituisci:
    .forum-lastpost {  color: #222222;
    Con :
    .forum-lastpost {  color: #797979;
    Prima di:
    .forum-statistics {
    Aggiungere:
    .forum-lastpost .lastpost-arrow {  display: inline-block;}.forum-lastpost .lastpost-arrow:after {  background-color: rgba(0, 0, 0, 0.05);  color: #222222;  border-radius: 3px 10px 10px 3px;  display: inline;  font-size: 16px;  margin-left: 6px;  padding: 2px 2px 2px 0;  vertical-align: -3px;  content: "\e409";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Prima di:
    /* Topic */.topic h2 {
    Aggiungere:
    .last-post-link {  bottom: 0;  font-size: 0;  left: 64px;  opacity: 0;  position: absolute;  right: 0;  top: 40px;}
    Sostituisci:
    .post-icon a, .post-icon .avatarContainer {
    Con :
    .post-icon a {
    Prima di:
    .post-time {
    Aggiungere:
    .post-info {  float: left;}
    Prima di:
    .post-content {  font-size: 14px;
    Aggiungere:
    .post-buttons {  background-color: #FAFAFA;  border-color: #EBEBEB;  border-style: solid;  border-width: 1px 0 0;  border-radius: 0 0 3px 3px;  list-style: none;  overflow: hidden;  margin: 8px -16px -16px;}.post-buttons li {  float: left;}.post-buttons li + li {  margin-left: 8px;}.post-buttons a {  display: block;  float: left;  height: 42px;  line-height: 42px;  text-align: center;  width: 42px;}.post-buttons i {  font-size: 16px;}
    Prima di:
    .box-login {  display: block;
    Aggiungere:
    .box-error span {  color: #FFFFFF !important;}.box-error br:first-child {  display: none;}
    Sostituisci:
    .box-login {  display: block;
    Con :
    .box-login,.box-blank {  display: block;
    Prima di:
    .box-login-btns-main .btn,.box-login-btns-main .btn-subtle {
    Aggiungere:
    .box-reg-btns {  text-align: left;}.box-reg-btns .btn,.box-reg-btns .btn-subtle {  clear: both;  float: left;  margin-left: 0;  margin-right: 0;}
    Prima di:
    .spoiler {
    Aggiungere:
    .post-content iframe {  max-width: 100%;}
    Prima di:
    /* Buttons */.btn {
    Aggiungere:
    .btn-floating ~ #to-top {  bottom: 78px;  height: 36px;  line-height: 36px;  width: 36px;}.btn-floating ~ #to-top.visible {  transform: translate(-71px, 0px);}#to-top {  background-color: #222222;  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);  color: #FFFFFF;  border-radius: 48px;  bottom: 15px;  display: block;  height: 48px;  line-height: 48px;  position: fixed;  right: -50px;  text-align: center;  width: 48px;  z-index: 1000;}#to-top.visible {  transform: translate(-65px, 0px);}
    Prima di:
    .btn-subtle {  background-color: transConent;
    Aggiungere:
    .btn i {  font-size: 16px;  margin-right: 8px;}
    Prima di:
    .btn + .btn, .btn + .btn-subtle,
    Aggiungere:
    .btn-subtle i {  font-size: 16px;  margin-right: 8px;}.btn-green {  background-color: #5CCD5C;}.btn-red {  background-color: #CD5C5C;}
    Prima di:
    /* Inputs */.checkbox {
    Aggiungere:
    #friendfoes-btn {  color: #FFFFFF;  border-radius: 0 0 3px 3px;  clear: both;  display: block;  float: none;  font-size: 14px;  font-weight: 400;  height: auto;  line-height: 1.5;  margin: 16px -16px -16px;  padding: 16px;  text-align: center;}#friendfoes-btn i {  margin-right: 16px;}
    Sostituisci:
    .input-subtle {  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    Con :
    .input-subtle,.inputbox,.gensmall {  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    Sostituisci:
    input.input-subtle {  line-height: 36px;
    Con :
    input.input-subtle,input.inputbox {  line-height: 36px;
    Prima di:
    .box {  background-color: #FFFFFF;
    Aggiungere:
    select.gensmall,#profile_field_4_-12_0 {  line-height: 36px;  height: 36px;  clear: none;  display: inline-block;  margin: 0 24px 0 8px;  width: auto;}#profile_field_4_-12_0 {  margin-right: 0;}
    Sostituisci:
     padding: 16px;}.box .box-header {
    Con :
     padding: 16px;  position: relative;}.box .box-header {
    Prima di:
    .box-subtle {  background-color: #F0F0F0;
    Aggiungere:
    .box h2 {  font-size: 24px;  font-weight: 300;  margin-bottom: 18px;  text-align: center;}.box ul, .box ol {  margin-left: 25px;  margin-top: 8px;}.box .box-error {  margin: 0 0 16px;}.box .form-buttons {  margin: 0;}
    Sostituisci:
    label {  display: block;  font-size: 14px;  line-height: 30px;  margin-bottom: 8px;}
    Con :
    label,.label {  color: #797979;  display: block;  font-size: 12px;  line-height: 20px;  margin-bottom: 16px;}
    Sostituisci:
    label input {  vertical-align: -2px;}
    Con :
    label input,.label input {  margin-top: -5px;  vertical-align: -2px;}
    Prima di:
    label span + span {
    Aggiungere:
    label span,.label span {  color: #797979 !important;}
    Sostituisci:
    label span + span {  margin-left: 12px;
    Con :
    label span + span,.label span + span {  margin-left: 12px;
    Prima di:
    .poll dt {
    Aggiungere:
    @media (min-width: 400px) {  #profile-view .label {    float: left;    padding-right: 16px;    width: 50%;  }}.labeled {  color: #222222;  font-size: 14px;}
    Prima di:
    Aggiungere:
    .sub-head {  background-color: #F0F0F0;  border-color: #E0E0E0;  border-style: solid;  border-width: 1px 0;  font-weight: 400;  font-size: 16px;  margin: 16px -16px;  padding: 16px 0;  text-align: center;}.profile-header {  border-radius: 3px 3px 0 0;  display: block;  margin: -16px -16px 16px;  position: relative;  text-align: center;}.profile-header-background {  bottom: 0;  filter: blur(8px);  left: 0;  overflow: hidden;  position: absolute;  right: 0;  top: 0;  z-index: 1;}.profile-header-background img {  height: auto;  width: 100%;}.profile-header-content {  background-color: rgba(0, 0, 0, 0.75);  border-color: rgba(0, 0, 0, 0.75);  border-radius: 3px 3px 0 0;  border-bottom-style: solid;  border-bottom-width: 1px;  padding: 16px;  position: relative;  z-index: 2;}.profile-avatar {  display: inline-block;  margin-bottom: 8px;}.profile-avatar img {  border-radius: 140px;  display: block;  max-height: 140px;  max-width: 140px;}.profile-username {  color: #FFFFFF;  font-size: 16px;  font-weight: 700;}.profile-rank {  color: #FFFFFF;}.profile-lastlogin {  color: #797979;}.notification-row {  margin: 0 -16px;  padding: 8px 16px;}.notification-row:nth-child(odd) {  background-color: #FAFAFA;  border-color: #EBEBEB;  border-style: solid;  border-width: 1px 0;}.notification-check {  background-color: #B2B2B2;  color: #FFFFFF;  border-radius: 36px;  float: left;  height: 36px;  line-height: 36px;  margin-bottom: 4px;  margin-right: 16px;  margin-top: 4px;  position: relative;  text-align: center;  width: 36px;}.notification-check i {  font-size: 16px;}.checkbox-row {  border-radius: 36px;  display: block;  float: left;  font-size: 16px;  height: 36px;  left: 0;  line-height: 36px;  position: absolute;  text-align: center;  top: 0;  width: 36px;}.checkbox-row input {  display: block;  height: 36px;  margin: 0;  opacity: 0;  width: 36px;}input:checked + .checkbox-row-check:after {  opacity: 1;}.checkbox-row-check:after {  background-color: #1976D2;  color: #FFFFFF;  border-radius: 36px;  bottom: 0;  height: 36px;  left: 0;  line-height: 36px;  opacity: 0;  pointer-events: none;  position: absolute;  right: 0;  text-align: center;  top: 0;  width: 36px;  content: "\e876";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}.notification-content {  line-height: 22px;}.notification-title,.notification-date {  display: block;}.notification-title {  font-size: 16px;}.notification-title a {  font-weight: 500;}.notification-date {  color: #797979;}.mark-buttons {  margin: 8px 0 8px;}.mark-buttons a:last-child {  float: right;}.form-buttons {  margin: 0 8px;}
    Prima di:
    /* Can't change id/class name */.mobile_title {
    Aggiungere:
    .fb_login {  border-color: #B2B2B2;  border-style: dashed;  border-width: 0 0 1px;  margin-bottom: 16px;  padding-bottom: 8px;  text-align: center;}.fb_register {  margin-bottom: 16px;  text-align: center;}.fb_register label {  margin-bottom: 0;}#b_day,#b_month,#b_year {  float: left;  text-align: center;  width: 33.3333%;}#b_day select,#b_day input,#b_month select,#b_month input,#b_year select,#b_year input {  display: block;  margin: 0 auto;  width: auto !important;}#b_day {  padding-right: 8px;}#b_month {  border-color: #F0F0F0;  border-style: solid;  border-width: 0 1px;  padding: 0 8px;}#b_year {  padding-left: 8px;}
    Sostituisci:
    .banniere,#m_dcontentglobal_ad_id1 {  width: 320px;  text-align: center;  margin: 0 auto;}
    Con :
    .banniere,#m_dcontentglobal_ad_id1 {  text-align: center;  margin: 0 auto;}
    En fin de fichier
    Aggiungere:
    #field_2 + #field_1 {  margin-top: -16px;}#field_2 + #field_1:nth-child(3) {  margin-top: 0;}
    Nel template css_rtl
    Sostituisci:
    select {  -moz-appearance: none;
    Con :
    select {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;
    Rimuovi:
    img {    display: inline-block;    max-width:100%;    width: auto;    height: auto;}
    Sostituisci:
    header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after {
    Con :
    header:after,.pagination:after,.forum-section:after,.box-login-btns-main:after,label:after,.post-head:after,.notification-row:after,.mark-buttons:after,.form-buttons:after {
    Tra:
    /* Header */
    E:
    Aggiungere:
    @keyframes notification-new-alert {  0% {    transform: rotate(20deg);  }  5% {    transform: rotate(40deg);  }  10% {    transform: rotate(20deg);  }  15% {    transform: rotate(40deg);  }  20% {    transform: rotate(20deg);  }  25% {    transform: rotate(40deg);  }  30% {    transform: rotate(20deg);  }}
    Sostituisci:
    #header #mToggleArrow:after {  color: #FFFFFF;  content: "\e5d2";  font-size: 24px;  left: 0;  right: 0;  position: absolute;  text-align: center;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con:
    #header #mToggleArrow:after {  content: "\e5d2";  left: 0;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Prima di:
    Aggiungere:
    #header #mNotificationBtn {  bottom: 0;  display: block;  height: 56px;  position: absolute;  left: 56px;  top: 10px;  width: 56px;}#header #mNotificationBtn:hover {  background-color: #1976D2;}#header #mNotificationBtn:after {  content: "\e7f4";  left: 0;  opacity: 1;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}#header #mNotificationBtn:before {  content: "\e7f7";  left: 0;  opacity: 0;  right: 0;  position: absolute;  text-align: center;  font-size: 24px;  height: 56px;  line-height: 56px;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}#header #mNotificationBtn.shownBar:after {  content: "\e5cd";}#header #mNotificationBtn ~ h1 {  padding-left: 56px;}#header #mNotificationBtn.notification-new:after {  opacity: 0;  transform: rotate(20deg);}#header #mNotificationBtn.notification-new:before {  animation: notification-new-alert 2s infinite ease-in-out;  opacity: 1;  transform: rotate(20deg);}#header #unread_notif {  background-color: #CD5C5C;  border-radius: 3px;  font-size: 12px;  height: 18px;  right: 12px;  line-height: 18px;  opacity: 0;  padding: 0 4px;  position: absolute;  top: 10px;  z-index: 1;}#header #unread_notif.notification-new {  opacity: 1;}#header #unread_notif_menu {  background-color: #CD5C5C;  border-radius: 3px;  font-size: 12px;  height: 18px;  left: 20px;  line-height: 18px;  opacity: 0;  padding: 0 4px;  position: absolute;  top: 17px;  z-index: 1;}#header #unread_notif_menu.notification-new {  opacity: 1;}
    Sostituisci:
     padding: 15px 40px;}#header .navElement > .navBtnIcon {
    Con :
     padding: 15px 40px;  position: relative;}#header .navElement > .navBtnIcon {
    Sostituisci:
    h1 {  font-size: 20px;  font-weight: 400;  overflow: hidden;  margin-right: 16px;  margin-left: 56px;  text-align: center;  text-overflow: ellipsis;  max-width: 100%;  padding: 0;  font-family: "Roboto";}
    Con :
    h1 {  font-size: 20px;  font-weight: 400;  overflow: hidden;  margin-right: 16px;  margin-left: 56px;  text-align: right;  text-overflow: ellipsis;  max-width: 100%;  padding: 0;  font-family: "Roboto";}
    Prima di:
    .forum-section {
    Aggiungere:
    .forum-section-wrap {  position: relative;}
    Sostituisci:
    .forum-lastpost {  color: #222222;
    Con :
    .forum-lastpost {  color: #797979;
    Prima di:
    .forum-statistics {
    Aggiungere:
    .forum-lastpost .lastpost-arrow {  display: inline-block;}.forum-lastpost .lastpost-arrow:after {  background-color: rgba(0, 0, 0, 0.05);  color: #222222;  border-radius: 10px 3px 3px 10px;  display: inline;  font-size: 16px;  margin-right: 6px;  padding: 2px 0 2px 2px;  vertical-align: -3px;  content: "\e408";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Prima di:
    /* Topic */.topic h2 {
    Aggiungere:
    .last-post-link {  bottom: 0;  font-size: 0;  right: 64px;  opacity: 0;  position: absolute;  left: 0;  top: 40px;}
    Sostituisci:
    .post-icon a, .post-icon .avatarContainer {
    Con :
    .post-icon a {
    Prima di:
    .post-time {
    Aggiungere:
    .post-info {  float: right;}
    Prima di:
    .post-content {  font-size: 14px;
    Aggiungere:
    .post-buttons {  background-color: #FAFAFA;  border-color: #EBEBEB;  border-style: solid;  border-width: 1px 0 0;  border-radius: 0 0 3px 3px;  list-style: none;  overflow: hidden;  margin: 8px -16px -16px;}.post-buttons li {  float: right;}.post-buttons li + li {  margin-right: 8px;}.post-buttons a {  display: block;  float: right;  height: 42px;  line-height: 42px;  text-align: center;  width: 42px;}.post-buttons i {  font-size: 16px;}
    Prima di:
    .box-login {  display: block;
    Aggiungere:
    .box-error span {  color: #FFFFFF !important;}.box-error br:first-child {  display: none;}
    Sostituisci:
    .box-login {  display: block;
    Con :
    .box-login,.box-blank {  display: block;
    Prima di:
    .box-login-btns-main .btn,.box-login-btns-main .btn-subtle {
    Aggiungere:
    .box-reg-btns {  text-align: right;}.box-reg-btns .btn,.box-reg-btns .btn-subtle {  clear: both;  float: right;  margin-left: 0;  margin-right: 0;}
    Prima di:
    .spoiler {
    Aggiungere:
    .post-content iframe {  max-width: 100%;}
    Prima di:
    /* Buttons */.btn {
    Aggiungere:
    .btn-floating ~ #to-top {  bottom: 78px;  height: 36px;  line-height: 36px;  width: 36px;}.btn-floating ~ #to-top.visible {  transform: translate(71px, 0px);}#to-top {  background-color: #222222;  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);  color: #FFFFFF;  border-radius: 48px;  bottom: 15px;  display: block;  height: 48px;  line-height: 48px;  position: fixed;  left: -50px;  text-align: center;  width: 48px;  z-index: 1000;}#to-top.visible {  transform: translate(65px, 0px);}
    Prima di:
    .btn-subtle {  background-color: transConent;
    Aggiungere:
    .btn i {  font-size: 16px;  margin-left: 8px;}
    Prima di:
    .btn + .btn, .btn + .btn-subtle,
    Aggiungere:
    .btn-subtle i {  font-size: 16px;  margin-right: 8px;}.btn-green {  background-color: #5CCD5C;}.btn-red {  background-color: #CD5C5C;}
    Prima di:
    /* Inputs */.checkbox {
    Aggiungere:
    #friendfoes-btn {  color: #FFFFFF;  border-radius: 0 0 3px 3px;  clear: both;  display: block;  float: none;  font-size: 14px;  font-weight: 400;  height: auto;  line-height: 1.5;  margin: 16px -16px -16px;  padding: 16px;  text-align: center;}#friendfoes-btn i {  margin-right: 16px;}
    Sostituisci:
    .input-subtle {  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    Con :
    .input-subtle,.inputbox,.gensmall {  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    Sostituisci:
    input.input-subtle {  line-height: 36px;
    Con :
    input.input-subtle,input.inputbox {  line-height: 36px;
    Prima di:
    .box {  background-color: #FFFFFF;
    Aggiungere:
    select.gensmall,#profile_field_4_-12_0 {  line-height: 36px;  height: 36px;  clear: none;  display: inline-block;  margin: 0 8px 0 24px;  width: auto;}#profile_field_4_-12_0 {  margin-left: 0;}
    Sostituisci:
     padding: 16px;}.box .box-header {
    Con :
     padding: 16px;  position: relative;}.box .box-header {
    Prima di:
    .box-subtle {  background-color: #F0F0F0;
    Aggiungere:
    .box h2 {  font-size: 24px;  font-weight: 300;  margin-bottom: 18px;  text-align: center;}.box ul, .box ol {  margin-right: 25px;  margin-top: 8px;}.box .box-error {  margin: 0 0 16px;}.box .form-buttons {  margin: 0;}
    Sostituisci:
    label {  display: block;  font-size: 14px;  line-height: 30px;  margin-bottom: 8px;}
    Con :
    label,.label {  color: #797979;  display: block;  font-size: 12px;  line-height: 20px;  margin-bottom: 16px;}
    Sostituisci:
    label input {  vertical-align: -2px;}
    Con :
    label input,.label input {  margin-top: -5px;  vertical-align: -2px;}
    Prima di:
    label span + span {
    Aggiungere:
    label span,.label span {  color: #797979 !important;}
    Sostituisci:
    label span + span {  margin-right: 12px;
    Con :
    label span + span,.label span + span {  margin-right: 12px;
    Prima di:
    .poll dt {
    Aggiungere:
    @media (min-width: 400px) {  #profile-view .label {    float: right;    padding-left: 16px;    width: 50%;  }}.labeled {  color: #222222;  font-size: 14px;}
    Prima di:
    Aggiungere:
    .sub-head {  background-color: #F0F0F0;  border-color: #E0E0E0;  border-style: solid;  border-width: 1px 0;  font-weight: 400;  font-size: 16px;  margin: 16px -16px;  padding: 16px 0;  text-align: center;}.profile-header {  border-radius: 3px 3px 0 0;  display: block;  margin: -16px -16px 16px;  position: relative;  text-align: center;}.profile-header-background {  bottom: 0;  filter: blur(8px);  left: 0;  overflow: hidden;  position: absolute;  right: 0;  top: 0;  z-index: 1;}.profile-header-background img {  height: auto;  width: 100%;}.profile-header-content {  background-color: rgba(0, 0, 0, 0.75);  border-color: rgba(0, 0, 0, 0.75);  border-radius: 3px 3px 0 0;  border-bottom-style: solid;  border-bottom-width: 1px;  padding: 16px;  position: relative;  z-index: 2;}.profile-avatar {  display: inline-block;  margin-bottom: 8px;}.profile-avatar img {  border-radius: 140px;  display: block;  max-height: 140px;  max-width: 140px;}.profile-username {  color: #FFFFFF;  font-size: 16px;  font-weight: 700;}.profile-rank {  color: #FFFFFF;}.profile-lastlogin {  color: #797979;}.notification-row {  margin: 0 -16px;  padding: 8px 16px;}.notification-row:nth-child(odd) {  background-color: #FAFAFA;  border-color: #EBEBEB;  border-style: solid;  border-width: 1px 0;}.notification-check {  background-color: #B2B2B2;  color: #FFFFFF;  border-radius: 36px;  float: right;  height: 36px;  line-height: 36px;  margin-bottom: 4px;  margin-left: 16px;  margin-top: 4px;  position: relative;  text-align: center;  width: 36px;}.notification-check i {  font-size: 16px;}.checkbox-row {  border-radius: 36px;  display: block;  float: right;  font-size: 16px;  height: 36px;  right: 0;  line-height: 36px;  position: absolute;  text-align: center;  top: 0;  width: 36px;}.checkbox-row input {  display: block;  height: 36px;  margin: 0;  opacity: 0;  width: 36px;}input:checked + .checkbox-row-check:after {  opacity: 1;}.checkbox-row-check:after {  background-color: #1976D2;  color: #FFFFFF;  border-radius: 36px;  bottom: 0;  height: 36px;  left: 0;  line-height: 36px;  opacity: 0;  pointer-events: none;  position: absolute;  right: 0;  text-align: center;  top: 0;  width: 36px;  content: "\e876";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}.notification-content {  line-height: 22px;}.notification-title,.notification-date {  display: block;}.notification-title {  font-size: 16px;}.notification-title a {  font-weight: 500;}.notification-date {  color: #797979;}.mark-buttons {  margin: 8px 0 8px;}.mark-buttons a:last-child {  float: left;}.form-buttons {  margin: 0 8px;}
    Prima di:
    /* Can't change id/class name */.mobile_title {
    Aggiungere:
    .fb_login {  border-color: #B2B2B2;  border-style: dashed;  border-width: 0 0 1px;  margin-bottom: 16px;  padding-bottom: 8px;  text-align: center;}.fb_register {  margin-bottom: 16px;  text-align: center;}.fb_register label {  margin-bottom: 0;}#b_day,#b_month,#b_year {  float: right;  text-align: center;  width: 33.3333%;}#b_day select,#b_day input,#b_month select,#b_month input,#b_year select,#b_year input {  display: block;  margin: 0 auto;  width: auto !important;}#b_day {  padding-left: 8px;}#b_month {  border-color: #F0F0F0;  border-style: solid;  border-width: 0 1px;  padding: 0 8px;}#b_year {  padding-right: 8px;}
    Sostituisci:
    .banniere,#m_dcontentglobal_ad_id1 {  width: 320px;  text-align: center;  margin: 0 auto;}
    Con :
    .banniere,#m_dcontentglobal_ad_id1 {  text-align: center;  margin: 0 auto;}
    Sostituisci:
    .folder_locked .forum-icon:after {  clear: both;  display: block;  position: absolute;  content: "\e899";  color: #BABABF;  font-size: 15px;  right: -7px;  position: absolute;  text-align: center;  top: 35px;  z-index: 3;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  line-height: 1;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    .folder_locked .forum-icon:after {  clear: both;  display: block;  position: absolute;  content: "\e899";  color: #BABABF;  font-size: 15px;  right: -7px;  position: absolute;  text-align: center;  top: 35px;  z-index: 3;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  line-height: 1;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    .spoiler:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e002";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    .spoiler:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e002";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    .codebox:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e86f";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    .codebox:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e86f";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    blockquote:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e244";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    blockquote:after {  display: block;  font-size: 20px;  position: absolute;  top: 16px;  left: 16px;  color: rgba(0, 0, 0, 0.5);  content: "\e244";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    #swipe_next_arrow:after {  color: #222222;  font-size: 24px;  z-index: 3;  line-height: 36px;  text-align: center;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    #swipe_next_arrow:after {  color: #222222;  font-size: 24px;  z-index: 3;  line-height: 36px;  text-align: center;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    .mobile_title .mobile_next_button:after,.mobile_title .mobile_prev_button:after {  color: #222222;  font-size: 24px;  z-index: 3;  line-height: 48px;  text-align: center;  position: absolute;  width: 48px;  top: 0;  right: 0;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Con :
    .mobile_title .mobile_next_button:after,.mobile_title .mobile_prev_button:after {  color: #222222;  font-size: 24px;  z-index: 3;  line-height: 48px;  text-align: center;  position: absolute;  width: 48px;  top: 0;  right: 0;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;}
    Sostituisci:
    .btn-subtle {  background-color: transConent;  color: #222222;  border-radius: 3px;  display: block;  float: left;  font-size: 14px;  font-weight: 700;  height: 30px;  line-height: 30px;  margin-bottom: 11px;  margin-top: 3px;  padding: 0 10px;}
    Con :
    .btn-subtle {  background-color: transConent;  color: #222222;  border-radius: 3px;  display: block;  float: right;  font-size: 14px;  font-weight: 700;  height: 30px;  line-height: 30px;  margin-bottom: 11px;  margin-top: 3px;  padding: 0 10px;}
    Sostituisci:
    .checkbox-check:after {  color: #222222;  bottom: 0;  height: 16px;  left: 0;  line-height: 16px;  opacity: 0;  pointer-events: none;  position: absolute;  right: 0;  text-align: center;  top: 0;  width: 16px;  content: "\e876";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: rtl;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}
    Con :
    .checkbox-check:after {  color: #222222;  bottom: 0;  height: 16px;  left: 0;  line-height: 16px;  opacity: 0;  pointer-events: none;  position: absolute;  right: 0;  text-align: center;  top: 0;  width: 16px;  content: "\e876";  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  letter-spacing: normal;  text-transform: none;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  transition: all 0.16s ease;}
    Alla fine..
    Aggiungere:
    #field_2 + #field_1 {  margin-top: -16px;}#field_2 + #field_1:nth-child(3) {  margin-top: 0;}


Da Niko
il Mer 21 Set 2016 - 15:56
 
Ricercare in: Avvisi ed aggiornamenti
Argomento: Tema mobile: una continua evoluzione
Risposte: 7
Vista: 915

banner per il mio forum

Tipo di creazione : Banner
Dimensioni : N/A
Colore principale : #F61313
Colore secondaro : #FFFFFF
Immagini da includere :
Images:

Testo da inserire : TIFOSIDELBARI.COM
Font (carattere testo) : N/A
Font Color : #F20000
Link al tuo forum forumattivo: http://www.tifosidelbari.com/
Username on the forum : Colins
Descrizione dettagliata : Salve ragazzi, vorrei un aiutino per un banner , mi avete gia' aiutato in passato per il banner , ma vorrei cambiarlo .(da inserire nel logo forum)
Grazie
Da Colins
il Gio 11 Ago 2016 - 13:04
 
Ricercare in: Richieste grafiche completate
Argomento: banner per il mio forum
Risposte: 7
Vista: 272

banner per il mio forum

Tipo di creazione : Banner
Dimensioni : 100x100
Colore principale : #F61313
Colore secondaro : #FFFFFF
Immagini da includere :
Images:

Testo da inserire : TIFOSIDELBARI.COM
Font (carattere testo) : Morbida
Font Color : #F20000
Link al tuo forum forumattivo: http://www.tifosidelbari.com/
Username on the forum : Colins
Descrizione dettagliata : Salve vorrei qualcosa di nuovo per il forum, dopo 7 anni, potete darmi una aiutino.
il testo lo vorrei rosso esterno e bianco all' interno.
grazie

Da Colins
il Ven 18 Mar 2016 - 19:39
 
Ricercare in: Richieste grafiche completate
Argomento: banner per il mio forum
Risposte: 10
Vista: 335

Modificare la grandezza dei caratteri del titolo dei forum nella home

:bene:  the crow,

ho da fare delle verifiche più approfondite ma penso che adesso ci siamo :good: 

L'unico cosa è che con il tuo codice che ho inserito nel css il testo del forum con solo la descrizione veniva così:


e allora al posto del color.... bla, bla, bla ho inserito il classico #FFFFFF ed adesso sembra che vada tutto bene.

Faccio verifiche in questi giorni e se va tutto bene chiudo.

Grazie ciao!
Da saxismawe
il Sab 20 Giu 2015 - 19:21
 
Ricercare in: I problemi risolti con l'aspetto del forum
Argomento: Modificare la grandezza dei caratteri del titolo dei forum nella home
Risposte: 11
Vista: 528

Modificare la grandezza dei caratteri del titolo dei forum nella home

Niko Grazie del codice css

Codice:
dl > dd.dterm > div > h3 > a.forumtitle {
//* contenuto
}


ma ancora non ho provato poiché non ho ben capito come inserisco tutte le variabile che vorrei mettere... tipo:

  • font-weight:700
  • font face="Verdana"
  • color="#FFFFFF"
  • font-size:19px

presumo in //* contenuto, ma in che forma?

ciao!
Da saxismawe
il Gio 18 Giu 2015 - 17:27
 
Ricercare in: I problemi risolti con l'aspetto del forum
Argomento: Modificare la grandezza dei caratteri del titolo dei forum nella home
Risposte: 11
Vista: 528

bottone del menù di navigazione

Tipo di creazione : Barra di navigazione
Dimensioni : N/A
Colore principale : N/A
Colore secondaro : N/A
Immagini da includere :
Images:
N/A

Testo da inserire : Pokè Chat
Font (carattere testo) : N/A
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://pokemonworldcommunit.italiaforum.net/
Username on the forum : Alex2000
Descrizione dettagliata : Ciao @Sogniriflessi . Questa è veramente l'ultimissima. Serve solo il bottone del Menù di Navigazione della mia Chat99 che ho appena creato. Mi serve solo quello. Lo stesso stile degli altri. Uguale. Si può fare ?
Da Alex2000
il Mer 17 Giu 2015 - 11:07
 
Ricercare in: Richieste grafiche completate
Argomento: bottone del menù di navigazione
Risposte: 3
Vista: 345

Richiesta Grafica Bottoni

Tipo di creazione : Bottoni
Dimensioni : 119x37
Colore principale : #0066FF
Colore secondaro : #00E3FF
Immagini da includere :
Images:
N/A

Testo da inserire : New Topic, Rispondi, Chiuso, Citazione, Citazione Multipla, Citazione Multipla ( selezionata), Grazie, Grazie ( quando è gia stato ringraziato ), Modifica, Cancella e Indirizzo IP
Font (carattere testo) : N/A
Font Color : #FFFFFF
Link al tuo forum forumattivo: http://pokemonworldcommunit.italiaforum.net/
Username on the forum : Alex2000
Descrizione dettagliata : allora, vorrei che si facessero quei bottoni che ho scritto, e quando c'era scritto qualcosa in parentesi non lo vorrei scritto nel bottone, ma è solo per far capire, tipo Grazie, Grazie ( quando è stato gia ringraziato ), cioè un modo per far capire che è stata fatta quella cosa nella parentesi. stessa cosa per citazione multipla. Allora ho selezionato del colori per i bottoni Blu e celeste dato che ora è questo lo stile del mio forum, però non usare per forza quei colori precisi, cioè dei colori che stiano vicino a quelli. la scritta credo vada bene bianca. per quanto riguarda le dimensioni, non sapevo cosa fare, quindi ho fatto una dimensione così un po casuale, perchè vorrei che decidessi tu la dimensione per come va meglio. possibilmente i bottoni farli più piccoli di come si vedono ora sul mio forum, troppo grandi danno fastidio. ciao!
Da Alex2000
il Dom 24 Mag 2015 - 10:03
 
Ricercare in: Richieste grafiche completate
Argomento: Richiesta Grafica Bottoni
Risposte: 7
Vista: 329

come cambiare l'icona

Ecco:

#repu { margin:2px 0; }
.repuBlock {
    height:8px;
    width:8px;
    background:#0A0;
    border:1px solid #080;
    -webkit-border-radius:2px;
      -moz-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:0 3px 3px #0C0 inset;
      -moz-box-shadow:0 3px 3px #0C0 inset;
            box-shadow:0 3px 3px #0C0 inset;
    display:inline-block;
    margin:0 0.5px;

}
.bodyline {
background-color: transparent!important;
border: none!important;
}

body.chatbox {
background-image: url(http://pokemon.wikia.com/wiki/Charizard?file=MCharizard_X%2526amp%253BY_artwork_2.jpg);
background-color: #ffffff;
}


body.chatbox {
background-color: #e8e9ea!important;
}
#wrap {
width: 90%;
}
.mini_ava2 > img {
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

#fa_ticker_block, #page-body {
width: 100%;
margin: 0 auto;
  }

html {
overflow-x: hidden;
}
Da Alex2000
il Ven 13 Mar 2015 - 17:49
 
Ricercare in: I problemi risolti con l'aspetto del forum
Argomento: come cambiare l'icona
Risposte: 33
Vista: 793

Modifiche della grafica del profilo/messaggi

Ciao @Roke. :good:

proverò a risponderti per punti Wink
@Roke. ha scritto:1- Come si mette una tabella per il profilo di ogni utente in ogni discussioni? Ad esempio qui c'è una tabelletta

qui dipende da che risultato vuoi ottenere (bordo, sfondo, etc..) :bene:

@Roke. ha scritto:2- Come si modifica lo sfondo dei messaggi di ogni discussioni, nel mio forum c'è un bianco troppo banale

Dipende se vuoi inserire un'immagine oppure un colore (tinta unica).. per esempio puoi inserire questo css andando verso Pannello di amministrazione ► Visualizzazione Immagini e colori ► Colori ► Foglio di stile css:
Codice:
.pun .postmain {
background-color: #ffffff;
background-image: url(LINK);
}

dove devi sostituire LINK con il link della tua immagine, oppure sostituire #ffffff con il colore di sfondo; e alla fine :new: salva le modifiche

@Roke. ha scritto:3- Come si mette l'immagine dove si scrive i messaggi? Ad esempio qui ci sono le due bolle di fumetto

Ti fornisco il codice che usiamo su questo forum di assistenza, dovrebbe funzionare :bene:

Vai nel tuo foglio di stile CSS e aggiungi in fondo al foglio questo codice
Codice:
.sceditor-container iframe, .sceditor-container textarea {
background: url(LINK)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}


dove devi sostituire LINK con il link della tua immagine e alla fine :new: salvare le modifiche

Fammi sapere :thanks: :zen:
Da Niko
il Lun 9 Mar 2015 - 13:57
 
Ricercare in: I problemi risolti con l'aspetto del forum
Argomento: Modifiche della grafica del profilo/messaggi
Risposte: 14
Vista: 356

Alcuni codici CSS non funzionano dopo una modifica: errore?

..Caro utente,

Ricordati che non è consentito pubblicare doppi post consecutivi se non separati da almeno 24h Wink
Se vuoi aggiungere, togliere o aggiornare delle informazioni esiste il bottone

Ci vediamo su Forumattivo Wink


facciamo che ti evidenzio gli errori, perchè non vorrei magari mettere un'immagine dove non dovrebbe Embarassed

prima parte
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border:;

}

a:hover{
text-decoration: !important;
color :http://i60.tinypic.com/29qlab8.png);

}
hr{
height: 0;
border: #eed681;
border-top-width: 1px;
}

.bodyline{
background: url(;
.border:3px #ffffff dotted

} #ffffff
.bodylinewidth {
width 83%;
}
forumline{
background-color: #ffffff;
border: 3px #ffffff ;
}


th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #C7DDDE;
border-style: ;


/*height: 20px;
*/

}

td.row3Right,td.spaceRow {
background-color :#996633
border: #d7f1d4;
border-style: ;
}

th.thTop {
border-width: 1px 0 0;
}

.mainmenu{
font-size : 11px;
color : #000000 }

.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color :#ffffff}

.forumlink{
font-weight: bold;
font-size: 12px;
color :#c28d3b ;
}
a.forumlink {
text-decoration: none;
color : #c28d3b;
}
a.forumlink:link {
color : #c28d3b;
}
a.forumlink:visited {
color : #6DAD90;
}
a.forumlink:active {
color : #c28d3b;
}
a.forumlink:hover{
text-decoration: underline;
color :#c28d3b;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #000000;
}
a.nav{
text-decoration: none;
color : 99cc99;
}

.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #000000;
}

Tutti i color : di questi
a.postlink:visited{
text-decoration: none;
color : #c28d3b;
}
a.postlink:active{
text-decoration: none;
color : #800000;
}

a.topictitle:link{
text-decoration: none;
color :#c28d3b;
}
a.topictitle:visited{
text-decoration: none;
color :#996633;
}
a.topictitle:active{
text-decoration: none;
color :#996633;
}
a.topictitle:hover{
text-decoration: underline;
color : #ffffff;
}
.name{
font-size : 11px;
color : #000000;
}

.postdetails{
font-size : 10px;
color : #000000;
}

.postbody{
font-size : 12px;
line-height: 18px}

a.postlink:link{
text-decoration: none;
color : #800000 }



a.postlink:hover{
text-decoration: underline;
color : #800000}

.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #006600;
background-color: #c28d3b;
border: #d7f1d4;
border-style: ;

border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code div.cont_code {
max-height:200px;
overflow:auto;
}

.coloradmin {
color: #ffa34f}
.colormod {
color: #006600}

img{
border:0}


input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
background-color:#ffffff}


poi gli errori sono tutti uguali.. scusa ma non posso stare delle ore a controllarlo tutto pale

riesci a darci un'occhiata tu? gli errori sono:
  • Linee vuote
    border: ;
    color: ;
    border-style: ;
  • Spazi non necessari
    color : #000000;
    color : #ffffff;
  • Immagini assegnate a color
    color: http://......
  • Mancanza di punto e virgola
    color: #000000 }
  • Valori incompleti
    border: 3px;
  • Elementi nel "vuoto"
    /*height: 20px;
    */


questi sono quelli che ho trovato nella prima parte della prima parte del css Wink
Da Niko
il Dom 4 Gen 2015 - 21:12
 
Ricercare in: I problemi risolti con lo script
Argomento: Alcuni codici CSS non funzionano dopo una modifica: errore?
Risposte: 15
Vista: 604

Le mede BBcode di Forumattivo

Le mede BBcode di Forumattivo



Ecco la lista completa delle mede BBCode disponibili su Forumattivo:

IL BBcode si utilizza in un messaggio sui forum Forumattivo, come questo :
L'attivazione dell'utilizzazione del BBcode è determinata dall'amministratore del forum.
Le tue informazioni sono a colocare tra le due mede [ ]qui[/ ]


Messa in forma del Testo

  • Mettere il testo in grassetto:
    Codice:
    [b][/b]

    Risultato

  • Mettere il testo in corsiva :
    Codice:
    [i][/i]

    Risultato

  • Sottolineare il testo:
    Codice:
    [u][/u]

    Risultato

  • Sbarrare il testo:
    Codice:
    [strike][/strike]

    Risultato



Cambiare il colore del testo o la dimensione

  • Modificare il colore del testo:
    Codice:
    [color=nome di colore][/color]

    Risultato
    o
    Codice:
    [color=#esadecimale][/color]

    Risultato
    Puoi specificare sia un nome di colore riconosciuto (esempio: red, blue, yellow, etc.), sia un codice colore esadecimale , esempio : #FFFFFF, #000000.

  • Modificare la dimensione del testo:
    Codice:
    [size=cifra][/size]


    Risultato dimensione 9
    Risultato dimensione 12
    Risultato dimensione 14
    Risultato dimensione 16
    Risultato dimensione 18



Citazione e testo a passo fisso

  • Per visualizzare un codice o carattere stampato a passo fisso :
    Codice:
    [code][/code]


    Codice:
    Risultato





Creazione di Liste

  • Fare una lista:
    Codice:
    [list][/list]



      Info 1 Info 2


  • Fare una lista con chip:
    Codice:
    [list][*]Info 1[*]Info 2[/list]



    • Info 1
    • Info 2




  • Fare una lista con numerazione numerica :
    Codice:
    [list=1][*]Info 1[*]Info 2[*]Info 3



Da Admin
il Mar 20 Nov 2007 - 15:11
 
Ricercare in: Domande e risposte frequenti
Argomento: Le mede BBcode di Forumattivo
Risposte: 0
Vista: 10015

Tornare in alto

Andare verso: