[opgelost]Enkele vragen

Eerste onderwerp bericht herinnering :

Ik had wat vragen ivm wat code's. Veel van m'n gebruikte codes deze keer komen van ondersteunforum('s) maar niet alle codes willen werken. Ook heb ik het gevoel dat als ik dagelijks mijn layout bekijk op eventuele fouten en dergelijke de layout nog lang niet af lijkt in mijn ogen, en ik dus nog maar wat meer codes e.d wil invoegen...

Allereerst de niet-werkende codes:

Wat forum/code ideeën

Gewone vragen~Geen betrekking tot codes en dergelijke.


Alvast, dit is wat veel, maar bedankt voor hen die me hierbij kunnen/willen helpen.


TOPIC OPGELOST

3. Zou ik eens mogen weten welke sheet je gebruikt voor je widget, en als er class/id gebruikt wordt ook graag de css.

4. Even een linkje naar een ander topic waar de uitleg staat.
https://ondersteun.actieforum.com/t4214-aantal-topics-en-berichten-weg#27047

Ik ga er nog vanuit dat je phpBB2 gebruikt.

5. Het is mogelijk om dit aan te passen maar met heel veel gepruts. Ik heb het ooit eens geprobeerd voor CCDragon en dit was dan bij al de tabellen. Maar wat bleek was dat je de achtergrond-kleur zou moeten aanpassen voor het mooi werd. Jammer genoeg zijn er eigenlijk geen gekleurde randen rond de cellen maar staan de cellen gewoon 2px uit elkaar waardoor je de achtergrond-kleur ziet.
https://ondersteun.actieforum.com/t4409-hoekjes-wegwerken

Hieruit zou ik dus durven zeggen: maak geen ronde randen van de tabellen in phpBB2.

6. Je zou deze code kunnen plaatsen in een widget die op alle pagina's te voorschijnkomt.

Code:

<center><font style="font-family: tahoma;font-size: 10px;">SWITCH ACCOUNTS</font><br><script type="text/javascript">
function switch_accounts() {
jQuery.get(document.getElementById('logout').href, function() {
jQuery.post('/login', 'login=1&username='+document.getElementById('switch_uname').value+'&password='+document.getElementById('switch_pass').value, function () {
window.location.reload();
});
});
}
</script>
<input id="switch_uname" type="text" /> <input id="switch_pass" type="password" /><input id="switch_button" type="button" value="GO" onclick="switch_accounts();" /><br><br></center>

https://ondersteun.actieforum.com/t4472-omloggen#26919

7. Je wilt dus de vorige indeling behouden maar de hover afzetten? Je kan dit doen door de hover eventueel op een andere class te zetten. Verander dus de vorige css:

Code:

.achtergrond_forum{
  text-align: center;
  height: 75px;
  padding: 3px;
}
.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: 3px;
  background: rgba(255,255,255,0.7);
  height: 69px;
  opacity: 0.0;
}
.achtergrond_forum .tekst:hover{
  opacity: 1.0;
}
.achtergrond_forum .tekst_onderaan{
  margin-top: -18px;
  background: rgba(0,0,0,0.7);
  padding: 3px;
  position: relative;
}

Naar

Code:

.achtergrond_forum{
  text-align: center;
  height: 75px;
  padding: 3px;
}
.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: 3px;
  background: rgba(255,255,255,0.7);
  height: 69px;
}
.achtergrond_forum .hover{
  opacity: 0.0;
}
.achtergrond_forum .hover:hover{
  opacity: 1.0;
}
.achtergrond_forum .tekst_onderaan{
  margin-top: -18px;
  background: rgba(0,0,0,0.7);
  padding: 3px;
  position: relative;
}

Normaal zouden al je vorige hovers nu niet meer werken, maar als de class in je beschrijving verandert bij die gene die moeten hoveren naar "tekst hover". Zouden ze het wel terug moeten doen.

3.

Code:

<center><link href='http://fonts.googleapis.com/css?family=Perpua+Titling+MT' rel='stylesheet' type='text/css'>
<style type="text/css">

.pic1 {  opacity: 0; width: 170px; height: 75px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.pic1:hover { opacity: 2 }

.tagboxes { width: 170px; height: 75px;  background-color: #ADA493;  opacity: .9; padding-top: 0px; padding-bottom: 0px; color: #fff; font-family: open sans condensed; font-size: 20px; text-transform: uppercase; line-height: 8pt; text-align: center; letter-spacing: 2px;   }

</style><div style="width: 170px; border-left: 2px solid #82838e; border-top: 2px solid #82838e;"><div style="width: 170px; border-right: 1px dotted #363636; border-bottom: 1px solid #363636;">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="width: 170px; height: 75px; background-image: url();"> <div class="pic1"><div style="padding-top: 0px;"><div class="tagboxes"> <div style="padding-top: 0px;">
<br>


</div>
</div>
</div>
</td>
</tr>
</table><div style="margin-top: 0px;"> <div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Hetalia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Hier komt tekst<br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>

Dit is de widget sheet die ik gebruik.

4. Werkt helemaal perfect

5. Bij nader inzien zal ik deze gewoon zo laten. Alsnog bedankt voor het topic/de code(s)

6. Deze werkt ook perfect. Bedankt.

7. Deze werkte wat minder goed, maar heb ik simpel weten op te lossen door

Code:

.forumline .row1.over:hover {background:url('http://img209.imageshack.us/img209/3963/src1.png') right bottom no-repeat;
.forumline .row1.over:hover
}

naar

Code:

.forumline .row1.over:hover {background:url('http://img209.imageshack.us/img209/3963/src1.png') right center no-repeat;
.forumline .row1.over:hover
}

te veranderen.
(right bottom is veranderd naar right center)

Zo denk ik dat de meeste problemen wel opgelost zijn, op de enkele (en 3.) na dan. Dan zal ik deze uit de lijst halen.

3. Is er een rede waarom die tabel in sheet staat? Want die neemt wel heel veel plaats in beslag.
onderste is met die tabel nog in de code


Verder zou ik proberen die inline css weg te krijgen, hiermee bedoel ik dat je al de style elementen vervangt door een class. Zo kan je later ze makkelijker bewerken als het nodig is.

Als je die tabel wel nodig hebt zou je me dan eens een afbeelding kunnen tonen hoe het eruit moet zien?

Ik snap niet zo goed wat je ermee bedoelt. Ik heb alle style elementen vervangen door class elementen zoals je vroeg, maar dit heeft juist als gevolg dat de volledige code oh forum staat ipv de sheet zichtbaar is.
Ik had mss het idee om een andere sheet te gaan gebruiken ervoor, en ik ben nou bezig met een sheet te testen, maar ook bij deze kan het plaatje niet aan de top van de sheet staan. Al staat hij wel hoger dan bij de vorige sheet.
Voor plaatjes had ik persoonlijk nog niet gedacht, kortom, ik had dus nog geen idee welk en óf ik wel een plaatje wil gaan gebruiken.

Iig laat ik zeker nog iets weten met welke sheet code ik wel (kan) werken.

Excuses voor dubbelpost.
De problemen zijn opgelost wat betekent dat het topic kan gesloten worden.

Voor de laatste vraag, is dit het resultaat geworden

Spoiler:

Voor het gehele resultaat vh forum

Ondanks dat hij niet afgeraakt was op dinsdag 26-11, neem ik alsnog genoegen als hij binnenkort af is, en het forum zelve kan aangemaakt worden(dit is op een testforum)

Het is mooi geworden. Ik hou van forums waar er veel ruimte is en dus niet alles op elkaar gepropt is.

Misschien nog een kleine tip: zorg dat de beschrijvingen van je categorieën/forums een vaste breedte hebben. Bij mij wordt je achtergrond aan de rechterkant herhaald.

Aanvraag opgelost en gesloten.