Splinder

« Older   Newer »
  Share  
;lullù
view post Posted on 23/6/2009, 13:16




Come nascondo la barra di splinder O.o?
Oppure se proprio non si può fare come cambio colore alla barra però con il codice?
 
Top
Miry~EMS
view post Posted on 23/6/2009, 14:40




Per eliminarla , aggiungi dopo la chiusura dell'head

CODICE
<!-- Injected topbar CSS - BEGIN -->
<style>

#topbar_div { display: none; }

.topbar { display: none; }

.blog_topbar { display: none; }
</style>


Non sono sicura che funzioni sempre, l'ho messo insieme io...

 
Top
;lullù
view post Posted on 23/6/2009, 19:18




Perfetto! Non sai quanto ci ho provato grazie mille *.*

E senti scusami un'altra cosa volevo sapere, come faccio a togliere quella colonna al lato tipo ME LINK CREDITS e mettere i link sopra in questo modo?
 
Top
Miry~EMS
view post Posted on 23/6/2009, 19:27




Dipende dal tuo codice, potresti postarlo? Dei link vorresti sapere solo come si mettono sopra oppure come si fa l'effetto che c'è quando passa il mouse?
 
Top
;lullù
view post Posted on 23/6/2009, 19:51




Tutte e due magari xD ancora non ci capisco molto di template sto iniziando ora =)
Ecco il codice mooolto confusionario e disordinato xD

SPOILER (click to view)
CODICE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Abeyance</title>
<style type="text/css">
/* Informazioni Generali
..................................................
Powered by ;lullù
.................................................. */
body {
      background-color: #f7f7f7;
      margin-bottom: 20px;
      margin-left: 0px;
      background-repeat: repeat-y;
      background-position: center;
      font-family: tahoma;
      cursor: default;
}
input,select{
      background-color: #FFF;
      border:0;
      font-size: 9px;
      color: #888888;
      font-family: Tahoma;
}
textarea{
      background-color: #ffffff;
      border: 1px solid #c9a72f;
      font-size: 9px;
      color: #999999;
      padding: 4px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
}
a:link {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
      text-decoration: none;
}
a:active {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
      text-decoration: none;
}
a:visited {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
      text-decoration: none;
}
a:hover {
      color: #d2629a;
      text-transform: none;
      cursor: crosshair;
      text-decoration: none;
      font-size: 9px;
}
#header {
      background-color: #FFFFFF;
      background-image: url(http://i40.tinypic.com/o9pv20.gif);
      background-repeat: repeat-x;
      height: 283px;
}

#contenitore {
      margin-top: 0px;
      margin-left: 0px;
      margin-bottom: 0px;
}
#col1 {
      float: center;
      width: 150px;
      margin-left: 2px;
}
.titolo1 {
      font-size: 15px;
      color: #bd7496;
      font-family: georgia;
      font-style: italic;
      font-weight: bold;
      text-align: left;
}
.post1 {
      font-size: 9px;
      color: #9898a0;
      margin-bottom: 12px;
}
#col2 {
      float: center;
      width: 340px;
      font-size: 10px;
      color: #999999;
      text-align: justify;
      margin-right: 69px;
}
.titolo2 {
      font-size: 15px;
      color: #019ea7;
      font-family: georgia;
      font-style: italic;
      font-weight: bold;
      padding-left: 1px;
      text-align: left;
}
.titolo2 a:link {
      font-size: 10px;
      color: #019ea7;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
}
.titolo2 a:active {
      font-size: 10px;
      color: #019ea7;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
}
.titolo2 a:visited {
      font-size: 10px;
      color: #019ea7;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
}
.titolo2 a:hover {
      font-size: 10px;
      color: #d2629a;
      font-weight: bold;
      text-align: center;
      background-color: transparent;
}
.post2 {
      font-size: 9px;
      color: #9898a0;
      margin-bottom: 12px;
}
.post2 a:link {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
}
.post2 a:active {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
}
.post2 a:visited {
      color: #019ea7;
      text-transform: none;
      cursor: crosshair;
      font-size: 9px;
}
.post2 a:hover {
      color: #d2629a;
      text-transform: none;
      cursor: crosshair;
      text-decoration: none;
      font-size: 9px;
}
.text1 {
      font-size: 9px;
      color: #C4513F;
}
.text2 {
      font-size: 9px;
      color: #c9a72f;
}
.text3 {
      font-size: 9px;
      color: #666666;
}
/*  ...............................................default by splinder.com */
.comment {
    margin-top: 1em;
    background:transparent;
    width: 99%;
}
.comment-body {
      text-align: justify;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
}
.comment-top {
      background: transparent;
      text-align: justify;
      padding-bottom:.7em;
      padding-right: .5em;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
}
.comment-bottom {
      background: transparent;
      text-align: justify;
      padding: .2em .0em .9em .0em ;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
      color: #c9a72f;
}
.comment-tips {
       background: transparent;
      text-align: justify;
      padding-left:.5em;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
      color: #888888;
}        
.comment-form-title {
      background-color: transparent;
  margin-top: 20px;
      margin-bottom: 15px;
      padding-left: 1px;
      text-align: justify;
      text-transform: uppercase;
      font-style: normal;
      font-variant: normal;
      font-size: 9px;
      font-weight: bold;
      color: #c4513f;      
}        
.comment-form-user {
      background:transparent ;
      padding-left:.5em;
      padding-top: .3em;
      text-align: justify;
      font-size:10px;
      font-style:normal;
      font-variant:normal;
      font-weight:normal;
      color: #888888;
      line-height: 1.3em;
}                
.cc-logo{
      border:0px;
      padding: 1px;
}
.avatar{
      border:0;
}
.media-info{
      border:0px;
}
.cc-small{
      border:0px;
}
.comment-bottom img.avatar {
     height: auto;
     width: auto;
     border: 0;
}
</style>
</head>

<!-- Injected topbar CSS - BEGIN -->
<style>

#topbar_div { display: none; }

.topbar { display: none; }

.blog_topbar { display: none; }
</style>

<body>
<div id="contenitore">
<div id="header"></div>

<div id="col1">
  <div class="titolo1">Me</div>
      <div class="post1"><div align="center"><$BlogAboutMe$></div></div>
      <div class="titolo1">Altro</div>
      <div class="post1">
        <div align="justify">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
      </div>
     
      <div class="titolo1">Links</div>
      <div class="post1"><$BlogLinkOut$></div>
      <div class="titolo1">Link Me </div>
      <div class="post1">
        <div align="center"><span class="text3">text text text text text text text text text text text text text text text text text text text text </span><br />
          <br />
          <img src="" width="100" height="35" /><br />
          <br /><img src="" />
        </div>
      </div>
      <div class="titolo1">Credits</div>
      <div class="post1">
        <div align="justify"><span class="text3"></span><br />
          Powered by <a href="http://www.fairies.blogfree.net" target="_blank">;lullù</a></div>
      </div>
      <div class="titolo1">Visite</div>
      <div class="post1">
        <div align="center"><$BlogCounter$> visite.</div>
      </div>

</div>

<div id="col2">
 <Blogger>
 <div class="post2"><div align="center"><$BlogNavigation$></div></div>
  <div class="titolo2"><$BlogItemTitle$></div>
      <div class="post2"><$BlogItemBody$></div>
      <div class="post2">
    <div align="justify">postato da:<span class="text1"> <$BlogItemAuthorNickname$></span>, <$BlogDateHeaderDate$>
      alle ore <$BlogItemDateTime$> | <a href="<$BlogItemPermalink$>">Permalink</a> | <$BlogItemCommentLink$> <$BlogItemCommentList$> | categoria: <$BlogItemCategories$></div>
      </div>
      </Blogger>
      <div class="post2">
      <div align="center"><$BlogPager$></div>
    </div>
       
      </div>

</div>
</body>
</html>


Edited by ~shadow~ - 21/7/2009, 09:32
 
Top
Miry~EMS
view post Posted on 23/6/2009, 20:36




Elimina

CODICE
<div id="col1">
 <div class="titolo1">Me</div>
     <div class="post1"><div align="center">&lt;$BlogAboutMe$&gt;</div></div>
     <div class="titolo1">Altro</div>
     <div class="post1">
       <div align="justify">text text text text text text text text text text
                       text text text text text text text text text text text text text
                       text text text text text text text text text text text text text
                       text text text text text text text text text text text text text
                       text text text text text text text text text text text text text
                       text text text text text text text text text text text text text
                       text text text </div>
     </div>
   
     <div class="titolo1">Links</div>
     <div class="post1">&lt;$BlogLinkOut$&gt;</div>
     <div class="titolo1">Link Me </div>
     <div class="post1">
       <div align="center"><span class="text3">text text text text text text
                       text text text text text text text text text text text text text
                       text </span><br />
         <br />
         <img src="" width="100" height="35" /><br />
         <br /><img src="" />
       </div>
     </div>
     <div class="titolo1">Credits</div>
     <div class="post1">
       <div align="justify"><span class="text3"></span><br />
           Powered by <a href="http://www.fairies.blogfree.net" target="_blank">
                       ;lullù</a></div>
     </div>
     <div class="titolo1">Visite</div>
     <div class="post1">
       <div align="center">&lt;$BlogCounter$&gt; visite.</div>
     </div>

</div>


e poi sostituisci a
CODICE
#col1 {
     float: center;
     width: 150px;
     margin-left: 2px;
}


questo

CODICE
#col1 {display:none}


Per i link occorre uno script, inserisci nell' head
CODICE
<script language=""JavaScript"">
<!--
 function cambia(ImageName,ImageFile){
   ImageName.src = ImageFile;
 }
// -->
</script>


e per i link
CODICE
<a href="pagina.html"
onMouseOver="cambia(img_cambia1,'img2.jpg')"
onMouseOut="cambia(img_cambia1,'img1.jpg')">
<img border="0" name="img_cambia1" src="img1.jpg">
</a>


per altre immagini utilizza lo stesso codice e sostituisci il numero di img_cambia1
img1.jpg è l'immagine iniziale.
Per farlo come il sito devi inserire questi codici in un div come menu
CODICE
<div id="menu"></div>


ti basta inserire nel css

CODICE
.menu {
       height: ??px;
background-color: #???
background-image: url()
}


e modificarlo come preferisci
 
Top
;lullù
view post Posted on 23/6/2009, 20:56




Grazie tante, ora ci provo e ti dico se ci sono riuscita =)
 
Top
6 replies since 23/6/2009, 13:16   70 views
  Share  
 

» Supporto
 

Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree