Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.04.2007 um 22:49 (UTC)    
Titel: Navi dünner machen??

Kann man die breite der ganzen navi kleiner machen?? Wink
______________
mfg, Yakuza-Clan

[img:4a44d21354]http://img.webme.com/pic/y/ykzclan/ykzclanbanner01.gif[/img:4a44d21354]
~{G}egen mich Zu VeRlIeReN iSt KeInE ScHaNdE...
~{G}egen miCh Zu GeWiNnEn IsT EiNe EhRe...
Beitrag21.04.2007 um 08:41 (UTC)    
Titel:

wenn nur mit css
ich weiß nur das man die rechten boxen verkürzen kann
______________
Meine Homepage
Mein HP Service
Hertha Fanpage
Die Anti Bayern Seite
Beitrag21.04.2007 um 09:18 (UTC)    
Titel:

pok thx
______________
mfg, Yakuza-Clan

[img:4a44d21354]http://img.webme.com/pic/y/ykzclan/ykzclanbanner01.gif[/img:4a44d21354]
~{G}egen mich Zu VeRlIeReN iSt KeInE ScHaNdE...
~{G}egen miCh Zu GeWiNnEn IsT EiNe EhRe...
Beitrag07.05.2012 um 17:18 (UTC)    
Titel: Navi komplett schmäler machen

Geht das?

All das,was beim Butterfly standardmäßig grau ist, kann man das dünner machen?
Beitrag08.05.2012 um 08:18 (UTC)    
Titel:

Schubs...
Beitrag08.05.2012 um 08:57 (UTC)    
Titel:

Versuch' es mal mit folgendem Code:
Zitat:
td.nav_bar_left, td.nav_bar_right { display:none; }
td.headline3 { width:252px!important; }

Einfach bei Text über dem Design vor dem schließenden Style-Tag </style> einfügen Wink

Und ein kleiner Tipp: Die Rechtsklicksperre bringt nichts, sie nervt lediglich diejenigen, die dir helfen möchten Smile

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag08.05.2012 um 09:10 (UTC)    
Titel:

Hat nicht geklappt.

Die rechtsklick-Sperre hilft mir schon etwas.
So kann nicht jeder meine Bilder speichern.

Klar weiß ich,dass man das über Screenshot machen kann, aber viele wissen das nicht die sich mit Pc's nicht auskennen.



Ich habs eingefügt, aber bei mir ist eh absolutes Code-Chaos.

Ich poste ihn dir mal.


<style type="text/css">
<!--
td.nav_bar_left, td.nav_bar_right { display:none; }
td.headline3 { width:252px!important; }
-->
</style>



<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur123.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-fuchsia-sharp-pointer.html" target="_blank" title="Awesome Fuchsia Sharp Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Awesome Fuchsia Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">
<!--
td.edit_nav_main{background-image: url(http://img.webme.com/pic/k/kreativ-mit-denise/butten.jpg);}
td.edit_nav_main:hover{background-image: url(http://img.webme.com/pic/k/kreativ-mit-denise/butten.jpg) !important;}
-->
</style>






<style type="text/css">
<!--
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434;
height: 130px; }
-->
</style>


<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>



<style type="text/css">
<!--
td.edit_headline {display:none;}
-->
</style>



<style type="text/css">
<!--
.bild {
float: left;
width: 200px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
-->
</style>



<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --

$(document).ready(function(){ //Wenn Seite vollständig geladen ist...
$("td.edit_header").css('cursor','pointer');
$("td.edit_header").click(function() { document.location.href="http://www.kreativ-mit-denise.de.tl/"; });
});
// -- Ende verstecken -->
</script>

<style type="text/css">
<!--
.bild {
float: left;
width: 115px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
-->

</style>

<style type="text/css">
<!--
.headline_bar_left img,.edit_nav_headline2,.headline_bar_middle img,.edit_rechts_headline2,.headline_bar_right img{
display:none;}
-->
</style>



<style type="text/css">
<!--
.headline_bar_left img,.edit_nav_headline2,.headline_bar_middle img,.edit_rechts_headline2,.headline_bar_right img{
display:none;}

td.edit_nav_main,td.edit_nav_main:hover{
background-image: none;
background-color: #FFFFFF;}

td.edit_content_headline3{display:none;}

a.menu,a.menu:hover,a.menu:visited{
color: #0A0A0A!important;}

td.edit_right_box2{background-image: none;background-color: #FFFFFF;}
-->
</style><div id="DesignContainer">


<center><style type="text/css">
<!--
/* --- Aussehen der verkleinerten Bilder --- */
.bild {
float: left;
width: 115px;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
-moz-box-shadow: 6px 6px 8px #2c4069;
-webkit-box-shadow: 6px 6px 8px #2c4069;
box-shadow: 6px 6px 8px #2c4069; }

/* --- Hover Effekt --- */
.bild:hover {
width: 110px;
padding: 8px;
margin-right: 24px;
margin-bottom: 24px; }
-->
</style><center>
Beitrag09.05.2012 um 11:53 (UTC)    
Titel:

Die Rechtsklicksperre kann man durch das Ausschalten von JavaScript einfach umgehen Mr. Green

Ich habe den Code mal zusammengefasst:
Zitat:
<style type="text/css"> body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur123.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/01/11/awesome-fuchsia-sharp-pointer.html" target="_blank" title="Awesome Fuchsia Sharp Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Awesome Fuchsia Sharp Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">
<!--
td.edit_nav_main{background-image: url(http://img.webme.com/pic/k/kreativ-mit-denise/butten.jpg);}
td.edit_nav_main:hover{background-image: url(http://img.webme.com/pic/k/kreativ-mit-denise/butten.jpg) !important;}

.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434;
height: 130px; }


td.edit_headline {display:none;}

.bild {
float: left;
width: 200px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }

.bild {
float: left;
width: 115px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }


.headline_bar_left img,.edit_nav_headline2,.headline_bar_middle img,.edit_rechts_headline2,.headline_bar_right img{
display:none;}

.headline_bar_left img,.edit_nav_headline2,.headline_bar_middle img,.edit_rechts_headline2,.headline_bar_right img{
display:none;}

td.edit_nav_main,td.edit_nav_main:hover{
background-image: none;
background-color: #FFFFFF;}

td.edit_content_headline3{display:none;}

a.menu,a.menu:hover,a.menu:visited{
color: #0A0A0A!important;}

td.edit_right_box2{background-image: none;background-color: #FFFFFF;}

/* --- Aussehen der verkleinerten Bilder --- */
.bild {
float: left;
width: 115px;

height:130px;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
-moz-box-shadow: 6px 6px 8px #2c4069;
-webkit-box-shadow: 6px 6px 8px #2c4069;
box-shadow: 6px 6px 8px #2c4069; }


/* --- Hover Effekt --- */
.bild:hover {
width: 110px;
padding: 8px;
margin-right: 24px;
margin-bottom: 24px; }
-->
</style>

<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --

$(document).ready(function(){ //Wenn Seite vollständig geladen ist...
$("td.edit_header").css('cursor','pointer');
$("td.edit_header").click(function() { document.location.href="http://www.kreativ-mit-denise.de.tl/"; });
});
// -- Ende verstecken -->
</script>

<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>

<div id="DesignContainer">
<center>

Das rote ist sinnlos, weil es vom blauen überschrieben wird. Das rote kannst du also auch löschen Wink

Soll deine Seite denn dann in etwa so aussehen?
http://transint-test.de.tl/

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 09.05.2012, 14:24, insgesamt einmal bearbeitet
Beitrag09.05.2012 um 12:37 (UTC)    
Titel:

Danke für die Hilfe.Sehr nett.


Was jetzt anderst an meiner Seite?!?!

Die grauen Balken rechts und links sind weg und in der Mitte nur links bei deiner Testseite.

Dann lass ichs lieber so wies jetzt ist Smile
Danke dir für deine große Mühe.
Beitrag09.05.2012 um 13:04 (UTC)    
Titel:

Kein Problem Mr. Green

An deiner Seite ist nichts anders, ich habe den Code lediglich vereinfacht und in eine sinnvollere Reihenfolge gebracht Wink

Beispielsweise nur zwei statt ganz schön vieler Style-Tags, das HTML nicht zwischen JavaScript und CSS verteilt - so, dass wer auch immer das je bearbeiten will, eine bessere Übersicht hat Smile

kreativ-mit-denise hat Folgendes geschrieben:
Die grauen Balken rechts und links sind weg und in der Mitte nur links bei deiner Testseite.

Richtig, dünner kann man es theoretisch auch machen, das krieg' ich aber seltsamerweise nicht hin Confused

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag09.05.2012 um 13:08 (UTC)    
Titel:

Das nicht schlimm, ich lass es so.


Du aber wenn ich deinen Code einfüge und das Rote weg lasse, dann stimmen meine Bilder nicht mehr.
Dann ist eins quer und eins rechteckig und nicht mehr quadratisch.
Beitrag09.05.2012 um 13:26 (UTC)    
Titel:

Tatsächlich, da hab ich was übersehen Embarassed

Das orangene noch einfügen, dann passt alles Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag09.05.2012 um 13:28 (UTC)    
Titel:

DANKE

Nur gliedern sich die Bilder jetzt alle links am Rand statt mittig Smile

Soll einer das verstehen.


Zuletzt bearbeitet von kreativ-mit-denise am 09.05.2012, 14:30, insgesamt einmal bearbeitet
Beitrag09.05.2012 um 13:50 (UTC)    
Titel:

Das liegt am float: left;

Das ist aber in jedem der für die Bildformatierung zuständigen Codeblöcke enthalten und müsste somit schon vorher aktiv gewesen sein.
Du kannst es ja mal testweise rausnehmen.
(Im blauen Code die zweite Zeile.)
Bei gleich hohen Bildern dürfte sich da aber nicht viel ändern.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag09.05.2012 um 13:54 (UTC)    
Titel:

Das echt total witzig.

Wenn ich das raus nehme ist mein Bild auf der Startseite mittig, so wie ich das wollte Smile bei den andern Bildern änderte sich nix Smile

Egal.Bleibt jetzt so.

Danke dir.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de