Autor |
Nachricht |
-
ykzclan
|
|
↑
|
|
|
-
streetplayer49
|
|
↑
|
|
|
-
ykzclan
|
|
↑
|
|
|
-
kreativ-mit-denise
|
07.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? |
|
↑
|
|
|
-
kreativ-mit-denise
|
08.05.2012 um 08:18 (UTC) Titel: |
|
|
Schubs... |
|
↑
|
|
|
|
08.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
Und ein kleiner Tipp: Die Rechtsklicksperre bringt nichts, sie nervt lediglich diejenigen, die dir helfen möchten
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
kreativ-mit-denise
|
08.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> |
|
↑
|
|
|
|
09.05.2012 um 11:53 (UTC) Titel: |
|
|
Die Rechtsklicksperre kann man durch das Ausschalten von JavaScript einfach umgehen
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
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
|
|
↑
|
|
|
-
kreativ-mit-denise
|
09.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
Danke dir für deine große Mühe. |
|
↑
|
|
|
|
09.05.2012 um 13:04 (UTC) Titel: |
|
|
Kein Problem
An deiner Seite ist nichts anders, ich habe den Code lediglich vereinfacht und in eine sinnvollere Reihenfolge gebracht
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
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
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
kreativ-mit-denise
|
09.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. |
|
↑
|
|
|
|
09.05.2012 um 13:26 (UTC) Titel: |
|
|
Tatsächlich, da hab ich was übersehen
Das orangene noch einfügen, dann passt alles
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
kreativ-mit-denise
|
09.05.2012 um 13:28 (UTC) Titel: |
|
|
DANKE
Nur gliedern sich die Bilder jetzt alle links am Rand statt mittig
Soll einer das verstehen.
Zuletzt bearbeitet von kreativ-mit-denise am 09.05.2012, 14:30, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
09.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 |
|
↑
|
|
|
-
kreativ-mit-denise
|
09.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 bei den andern Bildern änderte sich nix
Egal.Bleibt jetzt so.
Danke dir. |
|
↑
|
|
|
|