[CODE] Menu afstand verkleinen

Vorige onderwerp Volgende onderwerp Go down

[CODE] Menu afstand verkleinen

Bericht van CCDragon op do feb 13, 2014 11:15 am

Ik heb het menu van Dark Days op mijn banner geplaatst door middel van een CSS code. Alleen staan de kopjes heel ver uit elkaar. Even een plaatje ter verduidelijking:

Spoiler:

Ik wil dat de 'index' en de 'gebruikerslijst' dichter bij elkaar komen te staan, zodat het 'admin' niet meer over het plaatje heen loopt. Dit is de code die ik gebruik:

Code:

a.mainmenu {
    background-color: transperent;
opacity: 0.7;
  filter: alpha(opacity=70);
  left: -160px;
    position: relative;
    top: -244px;
  color: #ffffff;
letter-spacing: 0px;
  font-family: arial;
  font-size: 10px;
}

a.mainmenu:hover {
text-transform:uppercase;
  width: 100px;
}

.gen a.mainmenu {
    left: 0;
    position: relative;
    top: 0;
}

(ik weet niet of dit alles is, omdat de skin die ik als begin skin had geïnstalleerd deze codes al had staan)

_________________
avatar
CCDragon

Aantal berichten : 335
Registratiedatum : 02-01-14
Leeftijd : 24
Woonplaats : Drenthe / Leeuwarden
Naam : Carla

Profiel bekijken http://www.kanto-experience.actieforum.com

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van Lone Wanderer op do feb 13, 2014 10:55 pm

Dat komt waarschijnlijk omdat er een blanco afbeelding voor elke tekst staat. Wat je kunt doen is de afbeelding van elke menu-knop vervangen voor een doorzichtig plaatje van 1px breed (dan duwen ze de tekst dus ook maar 1px opzij). Of je kunt de transparante afbeeldingen die er nu staan een breedte meegeven van 0px, dan nemen ze helemaal geen ruimte meer in.

_________________

It's your name they are calling... You're welcome home....
avatar
Lone Wanderer

Aantal berichten : 177
Registratiedatum : 14-12-13
Leeftijd : 24
Naam : Anja

Profiel bekijken http://hongerspelenrpg.actieforum.com/forum

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van CCDragon op do feb 13, 2014 11:49 pm

Bij display->plaatjes staat helemaal niks bij het menu. In het CSS staat nog wel het volgend:

Code:
a.mainmenu[href="/calendar"] {
    display: none;
}

a.mainmenu[href="/faq"] {
    display: none;
}

a.mainmenu[href="/search"] {
    display: none;
}

a.mainmenu[href="/groups"] {
    display: none;
}

Alleen staat daar geen breedte bij ofzo. Misschien dat ik nog iets mis wat er wel bij hoort, dus hier is even de hele CSS die ik nu heb:

Code:
.gen, .genmed, .gensmall { font-color: #E3E3E3;}

td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
}

.forumline {
  -moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
  border-right: 3px solid #d5e6b9;
  border-left: 3px solid #d5e6b9;
}

.nameprofiel {
  font-family: georgia;
  text-transform: uppercase;
  font-size: 14px;}

a.mainmenu[href="/calendar"] {
    display: none;
}

a.mainmenu[href="/faq"] {
    display: none;
}

a.mainmenu[href="/search"] {
    display: none;
}

a.mainmenu[href="/groups"] {
    display: none;
}

.wieisonline {
  font-size: 15px;
  font-family: arial;}

.bodyline {
    background-image: url("http://imageshack.com/a/img547/836/2f62.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #312e22;
    box-shadow: 0 0 15px #000000;
    opacity: 1;
}

body{
 margin: 0px;
}

a:link{
    color: #666666;
   text-decoration: none; }

a:hover{
  text-decoration: none !important;}
   
.infotekst {
  line-height:10px;
  padding-bottom:6px;
  padding-top:3px;
  align:justify;
  font-family: arial;
  font-size: 10px}

.imggebied {
filter: alpha(opacity=60);
opacity: .6;
}

.imggebied:hover {
filter: alpha(opacity=100);
opacity: 1;
}
 
 
td.catHead, th.thHead {
    border-width: 0px 0px 0;
    font-size: 12px;
}

.forum-stats{
  font-family: arial;
  font-size: 9px;
  text-transform: uppercase;}

@font-face {
    font-family: "Great Vibes";
    font-style: normal;
    font-weight: 400;
    src: local("Great Vibes"), local("GreatVibes-Regular"), url("http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff") format("woff");
}

a.forumlink {
  font-family: times new roman;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
font-weight: 300;
padding: 5px 7px;}

.secondarytitle h2{
  font-family: 'Great vibes';
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 400;
  }

.fond_profil {
    background-color: #5d834f;
    border-radius: 0 0 0 45px;
    box-shadow: 0 0 3px #6e9a5e;
    padding: 4px;
    width: 210px;
}
.infos_posteur {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #709e5d;
    border-color: #689257;
    border-image: none;
    border-radius: 7px 7px 7px 7px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 5px #6e9a5e;
    padding: 4px;
}
.postdetails {
    font-family: verdana;
    font-size: 9px;
    line-height: 9px;
}

td.catBottom, th.thBottom {
    border-width: 0 0px 0px;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    border-width: 0 0px 0px;
}


td.catLeft, th.thLeft {
    border-width: 0 0 0 0px;
}

.row1, .row2, .row3, row3Right {
    -moz-border-radius: 0px;
border-radius: 0px;
}


a.mainmenu {
    background-color: transperent;
opacity: 0.7;
  filter: alpha(opacity=70);
  left: -160px;
    position: relative;
    top: -244px;
  color: #ffffff;
letter-spacing: 0px;
  font-family: arial;
  font-size: 10px;
}

a.mainmenu:hover {
text-transform:uppercase;
  width: 100px;
}

.gen a.mainmenu {
    left: 0;
    position: relative;
    top: 0;
}


.forumline td{
  border-bottom: 1px black solid;/*zorgt voor een lijntje onder iedere cel*/
 }

.forumline td td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijntjes onder de cel van een cel doorzichtig zijn*/
}

.user_login_form td{
  border-bottom: 1px transparent solid;/*zorgt dat de lijn van je login paneel onzichtbaar is*/
}

/*Category Names*/
.secondarytitle h2, secondarytitle h1 {
    color: #ffffff;
    font-family: georgia;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: -2px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}

.achtergrond_forum{
  text-align: center;
  height: 79px;
  width: 580px;
  padding: 0px;
}
.achtergrond_forum .tekst{
  transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  text-align: justify;
  padding: 5px;
  background: rgba(255,255,255,0.7);
  height: 46px;
  opacity: 0.0;
}
.achtergrond_forum .tekst:hover{
  opacity: 1.0;
}
.achtergrond_forum .tekst_onderaan{
  margin-top: -18px;
  background: rgba(214,219,219,0.7);
  padding: 0px;
  position: relative;
}

td.catLeft{
 text-transform:uppercase;
}

De ik weet van de helft van wat er staat niet echt wat het doet xD Dus durf er niet teveel aan te sleutelen.

_________________
avatar
CCDragon

Aantal berichten : 335
Registratiedatum : 02-01-14
Leeftijd : 24
Woonplaats : Drenthe / Leeuwarden
Naam : Carla

Profiel bekijken http://www.kanto-experience.actieforum.com

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van Lone Wanderer op vr feb 14, 2014 2:49 am

Uhu, maar die dingen die in de eerste code staan, verwijzen alleen naar de calender, faq, search en zo en die zijn überhaupt niet zichtbaar in jouw menu (dat zegt die code namelijk, dat die linkjes onzichtbaar moeten zijn).

Anyway, probeer het eens met deze code in je CSS:

Code:

.mainmenu img{
 display: none;
}

_________________

It's your name they are calling... You're welcome home....
avatar
Lone Wanderer

Aantal berichten : 177
Registratiedatum : 14-12-13
Leeftijd : 24
Naam : Anja

Profiel bekijken http://hongerspelenrpg.actieforum.com/forum

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van CCDragon op za feb 15, 2014 12:10 am

Geen idee wat die code heeft gedaan, maar het werkt =D Dankjewel!

_________________
avatar
CCDragon

Aantal berichten : 335
Registratiedatum : 02-01-14
Leeftijd : 24
Woonplaats : Drenthe / Leeuwarden
Naam : Carla

Profiel bekijken http://www.kanto-experience.actieforum.com

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van Lone Wanderer op za feb 15, 2014 1:21 am

De code zegt dat alle afbeeldingen in het menu niet getoond moeten worden. Als je bij actieforum ergens geen afbeelding wil, verandert hij die afbeelding naar een doorzichtig plaatje (empty.gif, Ik dacht altijd dat het gewoon een doorzichtig plaatje van 1x1px was, maar blijkbaar is die wel breder). Door te zeggen dat die niet getoond moet worden, neemt hij ook helemaal geen ruimte meer in en drukt hij de tekst dus niet opzij =)

_________________

It's your name they are calling... You're welcome home....
avatar
Lone Wanderer

Aantal berichten : 177
Registratiedatum : 14-12-13
Leeftijd : 24
Naam : Anja

Profiel bekijken http://hongerspelenrpg.actieforum.com/forum

Terug naar boven Go down

Re: [CODE] Menu afstand verkleinen

Bericht van Gesponsorde inhoud


Gesponsorde inhoud


Terug naar boven Go down

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

 
Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum