Vous êtes ici : Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Fond dFond d'écran sous DNN 05.02.03
Précédente
 
Suivante
Nouveau message
09/04/2010 04:17
 
Danny Gilbert
Sans évaluation

Inscrit(e) le : 09/04/2010
2 messages 

Bonjour ! Je n'utilise pas de skin particulier, c'est celui par défaut de DNN. J'ai trouvé le moyen de changer le fond d'écran à l'aide d'un fichier que j'ai fourni (exemple: dimension 1900x1400). Je vois très bien ce fond d'écran MAIS si ma page WEB est plus "grande" verticalement que mon fond d'écran, je vois là où mon image (fond d'écran) fini ... exemple en bas du 1400ième Pixel ...  j'ai la couleur par défaut du fond d'écran (ou du skin).

Comment fait-on pour que mon "pattern" de fond d'écran soit RÉPÉTÉ à l'infini tant qu'il y a du contenu dans ma page web ?

Merci.

 
 
Nouveau message
16/04/2010 15:46
 
seb
Contributeur de niveau 1


Inscrit(e) le : 30/03/2006
642 messages 

 Bonjour Danny Gilbert,

Je n'ai pas le code sous les yeux mais tu dois pouvoir placer facilement le code en gras dans ton CSS :

background: white url(............) repeat;

Si tu ne trouves pas, poste ici le contenu de ton fichier CSS.

Seb
 
Nouveau message
03/05/2011 10:50
 
gazelle11
Sans évaluation

Inscrit(e) le : 30/03/2011
33 messages 
Bonjour
aussi j'ai le méme probléme
et je cherche la solution c mon PFE
merci
 
Nouveau message
03/05/2011 16:08
 
gazelle11
Sans évaluation

Inscrit(e) le : 30/03/2011
33 messages 
pour moi
voila mon css



.branding-top {
    background: url(dnn_large_banner.png) no-repeat top left;
    width: 890px;
    height: 427px;
    clear: both;
    overflow: hidden;
}
.branding-top p {
    padding: 0px 60px 0 60px;
    font-size: 1.4em;
    color: #333;
}
.branding-bottom {
    clear: both;
    margin-top: 1em;
    overflow: hidden;
}
.branding-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.branding-bottom li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    width: 170px;
    float: left;
}

.branding-bottom li.feeds {
    margin: 0;
}

.branding-bottom dl {
    background: url(itembg.gif) repeat-y;
    margin: 33px 0 0 0;
    padding: 0 10px;
}
.branding-bottom dd {
    margin-left: 10px;
    height: 66px;
}
.branding-bottom dt {
    font-size: 90%;
    text-align: center;
    padding-top: 65px;
    margin-bottom: 1.75em;
    font-weight: bold;
}
.branding-bottom .commmunity {
    background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
    background: url(community_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .marketplace {
    background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
    background: url(marketplace_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .conferences {
    background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
    background: url(conferences_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .training {
    background: url(training_title.gif) no-repeat top left;
}
.training dt {
    background: url(training_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .feeds {
    background: url(feeds_title.gif) no-repeat top left;
}
.feeds dt {
    background: url(feeds_icon.gif) no-repeat;
    background-position: 50% 10px;
}
dl.bt {
    margin: 0;
    padding: 0;
    background: url(item_bt_bg.gif) no-repeat bottom;
    height: 32px;
    width: 170px;
}
div.link_adminguide {
    float:left;
    background: url(dnn_adminguide.png) no-repeat top left;
    width: 316px;
    height: 137px;
    cursor: pointer;
}
div.link_proedition {
    float:right;
    background: url(dnn_proedition.png) no-repeat top left;
    width: 514px;
    height: 137px;
    cursor: pointer;
}
div.link_main {
    margin: 260px 30px 0px 30px;
}

#LoginInfo
{
    width:545px;
    float:left;
}
#LoginInfo h3
{
    background-color: #f7f7f7;
    color: #8f0000;
    padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt
{
    display:inline;
}
#LoginInfo dt
{
    font-weight:bold;
    color: #333;
}
#LoginInfo p.LoginNotes
{
    font-size: .8em;
}
#LoginInfo div.LoginBlock {
    float: left;
    width: 255px;
    padding: 5px 5px;
    margin: 0px 2px;
    border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
    margin: 5px 50px;
    float: left;
}
#QuickLinks
{
    background-color:#f0f0f0;
    border: 1px #cccccc solid;
    padding: 2px 5px;
    position:relative;
    width:330px;
}
#QuickLinks h2, #QuickLinks p
{
    margin: 5px 5px;
}
div.hr
{
    height: 2px;
    background-color: #8f0000;
    margin: 5px 0 15px 0;
    clear:both;
}
div.hr hr
{
    display: none;
}

#TelerikInside
{
    background: white url('telerikInside.jpg') repeat;
    border: 1px #cccccc solid;
    padding: 20px 5px 10px 130px;
    margin-bottom: 5px;
    width: 205px;
    height: 140px;
    border-style:none;
}

#TelerikInside h2
{
    font-weight: bold;
}

#RightColumnInfo
{
    float:right;
    width:340px;
    margin-left: 10px;
    margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
    margin: 5px 5px 15px;
    padding-left: 12pt;
    float: left;
    position:relative;
}



j'ai changé l css comme tu as dis mais pas de changement je sais pas pourquoi please autre solution si possible
 
Nouveau message
03/05/2011 16:08
 
gazelle11
Sans évaluation

Inscrit(e) le : 30/03/2011
33 messages 
pour moi
voila mon css



.branding-top {
    background: url(dnn_large_banner.png) no-repeat top left;
    width: 890px;
    height: 427px;
    clear: both;
    overflow: hidden;
}
.branding-top p {
    padding: 0px 60px 0 60px;
    font-size: 1.4em;
    color: #333;
}
.branding-bottom {
    clear: both;
    margin-top: 1em;
    overflow: hidden;
}
.branding-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.branding-bottom li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    width: 170px;
    float: left;
}

.branding-bottom li.feeds {
    margin: 0;
}

.branding-bottom dl {
    background: url(itembg.gif) repeat-y;
    margin: 33px 0 0 0;
    padding: 0 10px;
}
.branding-bottom dd {
    margin-left: 10px;
    height: 66px;
}
.branding-bottom dt {
    font-size: 90%;
    text-align: center;
    padding-top: 65px;
    margin-bottom: 1.75em;
    font-weight: bold;
}
.branding-bottom .commmunity {
    background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
    background: url(community_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .marketplace {
    background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
    background: url(marketplace_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .conferences {
    background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
    background: url(conferences_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .training {
    background: url(training_title.gif) no-repeat top left;
}
.training dt {
    background: url(training_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .feeds {
    background: url(feeds_title.gif) no-repeat top left;
}
.feeds dt {
    background: url(feeds_icon.gif) no-repeat;
    background-position: 50% 10px;
}
dl.bt {
    margin: 0;
    padding: 0;
    background: url(item_bt_bg.gif) no-repeat bottom;
    height: 32px;
    width: 170px;
}
div.link_adminguide {
    float:left;
    background: url(dnn_adminguide.png) no-repeat top left;
    width: 316px;
    height: 137px;
    cursor: pointer;
}
div.link_proedition {
    float:right;
    background: url(dnn_proedition.png) no-repeat top left;
    width: 514px;
    height: 137px;
    cursor: pointer;
}
div.link_main {
    margin: 260px 30px 0px 30px;
}

#LoginInfo
{
    width:545px;
    float:left;
}
#LoginInfo h3
{
    background-color: #f7f7f7;
    color: #8f0000;
    padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt
{
    display:inline;
}
#LoginInfo dt
{
    font-weight:bold;
    color: #333;
}
#LoginInfo p.LoginNotes
{
    font-size: .8em;
}
#LoginInfo div.LoginBlock {
    float: left;
    width: 255px;
    padding: 5px 5px;
    margin: 0px 2px;
    border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
    margin: 5px 50px;
    float: left;
}
#QuickLinks
{
    background-color:#f0f0f0;
    border: 1px #cccccc solid;
    padding: 2px 5px;
    position:relative;
    width:330px;
}
#QuickLinks h2, #QuickLinks p
{
    margin: 5px 5px;
}
div.hr
{
    height: 2px;
    background-color: #8f0000;
    margin: 5px 0 15px 0;
    clear:both;
}
div.hr hr
{
    display: none;
}

#TelerikInside
{
    background: white url('telerikInside.jpg') repeat;
    border: 1px #cccccc solid;
    padding: 20px 5px 10px 130px;
    margin-bottom: 5px;
    width: 205px;
    height: 140px;
    border-style:none;
}

#TelerikInside h2
{
    font-weight: bold;
}

#RightColumnInfo
{
    float:right;
    width:340px;
    margin-left: 10px;
    margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
    margin: 5px 5px 15px;
    padding-left: 12pt;
    float: left;
    position:relative;
}



j'ai changé l css comme tu as dis mais pas de changement je sais pas pourquoi please autre solution si possible
 
Nouveau message
03/05/2011 16:08
 
gazelle11
Sans évaluation

Inscrit(e) le : 30/03/2011
33 messages 
pour moi
voila mon css



.branding-top {
    background: url(dnn_large_banner.png) no-repeat top left;
    width: 890px;
    height: 427px;
    clear: both;
    overflow: hidden;
}
.branding-top p {
    padding: 0px 60px 0 60px;
    font-size: 1.4em;
    color: #333;
}
.branding-bottom {
    clear: both;
    margin-top: 1em;
    overflow: hidden;
}
.branding-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.branding-bottom li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    width: 170px;
    float: left;
}

.branding-bottom li.feeds {
    margin: 0;
}

.branding-bottom dl {
    background: url(itembg.gif) repeat-y;
    margin: 33px 0 0 0;
    padding: 0 10px;
}
.branding-bottom dd {
    margin-left: 10px;
    height: 66px;
}
.branding-bottom dt {
    font-size: 90%;
    text-align: center;
    padding-top: 65px;
    margin-bottom: 1.75em;
    font-weight: bold;
}
.branding-bottom .commmunity {
    background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
    background: url(community_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .marketplace {
    background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
    background: url(marketplace_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .conferences {
    background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
    background: url(conferences_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .training {
    background: url(training_title.gif) no-repeat top left;
}
.training dt {
    background: url(training_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .feeds {
    background: url(feeds_title.gif) no-repeat top left;
}
.feeds dt {
    background: url(feeds_icon.gif) no-repeat;
    background-position: 50% 10px;
}
dl.bt {
    margin: 0;
    padding: 0;
    background: url(item_bt_bg.gif) no-repeat bottom;
    height: 32px;
    width: 170px;
}
div.link_adminguide {
    float:left;
    background: url(dnn_adminguide.png) no-repeat top left;
    width: 316px;
    height: 137px;
    cursor: pointer;
}
div.link_proedition {
    float:right;
    background: url(dnn_proedition.png) no-repeat top left;
    width: 514px;
    height: 137px;
    cursor: pointer;
}
div.link_main {
    margin: 260px 30px 0px 30px;
}

#LoginInfo
{
    width:545px;
    float:left;
}
#LoginInfo h3
{
    background-color: #f7f7f7;
    color: #8f0000;
    padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt
{
    display:inline;
}
#LoginInfo dt
{
    font-weight:bold;
    color: #333;
}
#LoginInfo p.LoginNotes
{
    font-size: .8em;
}
#LoginInfo div.LoginBlock {
    float: left;
    width: 255px;
    padding: 5px 5px;
    margin: 0px 2px;
    border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
    margin: 5px 50px;
    float: left;
}
#QuickLinks
{
    background-color:#f0f0f0;
    border: 1px #cccccc solid;
    padding: 2px 5px;
    position:relative;
    width:330px;
}
#QuickLinks h2, #QuickLinks p
{
    margin: 5px 5px;
}
div.hr
{
    height: 2px;
    background-color: #8f0000;
    margin: 5px 0 15px 0;
    clear:both;
}
div.hr hr
{
    display: none;
}

#TelerikInside
{
    background: white url('telerikInside.jpg') repeat;
    border: 1px #cccccc solid;
    padding: 20px 5px 10px 130px;
    margin-bottom: 5px;
    width: 205px;
    height: 140px;
    border-style:none;
}

#TelerikInside h2
{
    font-weight: bold;
}

#RightColumnInfo
{
    float:right;
    width:340px;
    margin-left: 10px;
    margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
    margin: 5px 5px 15px;
    padding-left: 12pt;
    float: left;
    position:relative;
}



j'ai changé l css comme tu as dis mais pas de changement je sais pas pourquoi please autre solution si possible
 
Nouveau message
03/05/2011 16:08
 
gazelle11
Sans évaluation

Inscrit(e) le : 30/03/2011
33 messages 
pour moi
voila mon css



.branding-top {
    background: url(dnn_large_banner.png) no-repeat top left;
    width: 890px;
    height: 427px;
    clear: both;
    overflow: hidden;
}
.branding-top p {
    padding: 0px 60px 0 60px;
    font-size: 1.4em;
    color: #333;
}
.branding-bottom {
    clear: both;
    margin-top: 1em;
    overflow: hidden;
}
.branding-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.branding-bottom li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    width: 170px;
    float: left;
}

.branding-bottom li.feeds {
    margin: 0;
}

.branding-bottom dl {
    background: url(itembg.gif) repeat-y;
    margin: 33px 0 0 0;
    padding: 0 10px;
}
.branding-bottom dd {
    margin-left: 10px;
    height: 66px;
}
.branding-bottom dt {
    font-size: 90%;
    text-align: center;
    padding-top: 65px;
    margin-bottom: 1.75em;
    font-weight: bold;
}
.branding-bottom .commmunity {
    background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
    background: url(community_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .marketplace {
    background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
    background: url(marketplace_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .conferences {
    background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
    background: url(conferences_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .training {
    background: url(training_title.gif) no-repeat top left;
}
.training dt {
    background: url(training_icon.gif) no-repeat;
    background-position: 50% 10px;
}
.branding-bottom .feeds {
    background: url(feeds_title.gif) no-repeat top left;
}
.feeds dt {
    background: url(feeds_icon.gif) no-repeat;
    background-position: 50% 10px;
}
dl.bt {
    margin: 0;
    padding: 0;
    background: url(item_bt_bg.gif) no-repeat bottom;
    height: 32px;
    width: 170px;
}
div.link_adminguide {
    float:left;
    background: url(dnn_adminguide.png) no-repeat top left;
    width: 316px;
    height: 137px;
    cursor: pointer;
}
div.link_proedition {
    float:right;
    background: url(dnn_proedition.png) no-repeat top left;
    width: 514px;
    height: 137px;
    cursor: pointer;
}
div.link_main {
    margin: 260px 30px 0px 30px;
}

#LoginInfo
{
    width:545px;
    float:left;
}
#LoginInfo h3
{
    background-color: #f7f7f7;
    color: #8f0000;
    padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt
{
    display:inline;
}
#LoginInfo dt
{
    font-weight:bold;
    color: #333;
}
#LoginInfo p.LoginNotes
{
    font-size: .8em;
}
#LoginInfo div.LoginBlock {
    float: left;
    width: 255px;
    padding: 5px 5px;
    margin: 0px 2px;
    border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
    margin: 5px 50px;
    float: left;
}
#QuickLinks
{
    background-color:#f0f0f0;
    border: 1px #cccccc solid;
    padding: 2px 5px;
    position:relative;
    width:330px;
}
#QuickLinks h2, #QuickLinks p
{
    margin: 5px 5px;
}
div.hr
{
    height: 2px;
    background-color: #8f0000;
    margin: 5px 0 15px 0;
    clear:both;
}
div.hr hr
{
    display: none;
}

#TelerikInside
{
    background: white url('telerikInside.jpg') repeat;
    border: 1px #cccccc solid;
    padding: 20px 5px 10px 130px;
    margin-bottom: 5px;
    width: 205px;
    height: 140px;
    border-style:none;
}

#TelerikInside h2
{
    font-weight: bold;
}

#RightColumnInfo
{
    float:right;
    width:340px;
    margin-left: 10px;
    margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
    margin: 5px 5px 15px;
    padding-left: 12pt;
    float: left;
    position:relative;
}



j'ai changé l css comme tu as dis mais pas de changement je sais pas pourquoi please autre solution si possible
 
 Page 1 sur 1
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Fond dFond d'écran sous DNN 05.02.03


Accueil   |   Forums

Déclaration de confidentialité   |  Conditions d'utilisation

DotNetNuke est une marque enregistrée de DotNetNuke Corporation • dotnetnuke.fr et dnn.fr sont des noms de domaines de BSI