hab ich gerade aufm localhost ausprobiert....ich weiß was du meinst....nur dann sieht das ganze nicht so "gut" aus in der desktop version... aber is n super tipp schonmal.... und wenn ich die mobil version komplett ausschalten möchte ? wie würde ich dass angehen ? kannst du mir da helfen ?
Beiträge von sammy87
-
-
ja stimmt, verändere ich die pixel anzahl der tabellen von 700 px erhalte ich aber n anderes optisches ergebnis ....??! das soll ja nicht so sein....
kann ich denn die seite auf eine maximal kleine größe bringen dass noch alles dargestellt wird ? sagen wir wenn es kleiner wird müsste man unten nach rechts schieben mit der scroll leiste ? wie bekomm ich dass hin ? weil so daran was ändern mit den tabellen wäre nicht soo gut....oder kann ich die tabellen flexibel machen ?
-
hier der css code
/*------------------------------ SEARCH ------------------------------*/
#s {
background:none;
border:none;
float:left;
height:25px;
line-height:25px;
color:#99cc99;
width:160px;
}
.searchbtn {
height:25px;
width:15px;
margin-right:10px;
}
.searchform {
height:25px;
background:#ffffff;
border:1px solid #99cc99;
margin:6px 0;
}/*------------------------------ CONTENT ------------------------------*/
.articles .post-caption h1, .articles .post-caption h2{
padding:4px 0;
}.articles .post-body {
background:url(images/separator.png) 50% bottom no-repeat;
margin-bottom:30px;
}.articles .post-caption .post-meta {
}
.articles .post-date {
color:#fff;
background:#99cc99;
float:right;
padding:3px;
}#commentform #submit, input.readmore, a.readmore {
text-decoration:underline;
}
#commentform #submit:hover, input.readmore:hover, a.readmore:hover {
}
.featured_image {
padding:0;
margin-top:15px;
border:1px solid #99cc99;
}
.googlemap {
border:1px solid #99cc99;
}
.widget_posts ul li img,.widget_flickr a {
padding:1px;
background:#99cc99;
}.pagination{
margin:30px 0;
background:#abd5ab;
}.page-numbers {
}
a.page-numbers {
color:#fff;
}
a.page-numbers:hover, span.page-numbers {
background:#fff;
color:#1d413b;
}/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#003333;
}
#footer .container {
background:#ffffff;
}
#footer h3 {
color:#1d413b;
font-size:17px;
}#footer .footer_txt{
background:#fffff;
border:none;
color:#000000;
}
#footer .footer_txt a {
color:#000000;
}
/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
.sidebar {
overflow:visible !important;
}
.content-r .sidebar.right .widget .caption h3, .content-lr .sidebar.right .widget .caption h3, .content-r2 .sidebar.left .widget .caption h3, .content-r2 .sidebar.right .widget .caption h3{
}
.content-l .sidebar.left .widget .caption h3, .content-lr .sidebar.left .widget .caption h3, .content-l2 .sidebar.left .widget .caption h3, .content-l2 .sidebar.right .widget .caption h3{
}
#content .widget {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf9), color-stop(100%,#e1f0e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf9', endColorstr='#e1f0e1',GradientType=0 ); /* IE6-9 */
}
#content .widget.widget_tabs .caption h3 {
padding:10px;
}
.fp-next{
background-position:left 50%;
}
.fp-prev {
background-position:right 50%;
}
.fp-pager a {
width:11px;
height:11px;
}
.fp-nav {
display:none;
}
/* -==========================- DESKTOP -==========================- */
Media only screen and (min-width:1024px) {
#content-top {
height:0;
}
#content-bottom {
height:0;
}
#logo {
position:absolute;
left:50%;
top:15px;
}
#logo img {
margin-left:-60%;
}
.menusearch {
float:left;
margin-top:20px;
}
.articles .post-caption {
padding:1px 30px 0;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:160px;
position:relative;
z-index:11;
}
#secondarymenu {
float:right;
margin-right:8px;
}
#secondarymenu a {
text-decoration:none;
padding:9px;
display:block;
color:#999999;
background:#295c53;
border-left:1px solid #295c53;
color:#fff;
font-size:13px;
}
#secondarymenu a:hover{
border-left:1px solid #fff;
color:#99cc99;
text-shadow:none;
}#mainmenu-container {
height:54px;
position:relative;
background:url(images/menu.png) left top no-repeat;
width:1000px;
margin:0 -7px;
padding:0 7px;
padding-top:7px;
}
#mainmenu {
padding:3px;
}
#mainmenu li a {
text-align:center;
display:block;
text-decoration:none;
padding:15px 30px;
font-size:16px;
color:#000000;
font-family: Helvetica,Arial,Verdana,sans-serif;;
}
#mainmenu li {
position:relative;
}
#mainmenu li a:hover{
background:url(images/menu-li-a.png) left top repeat-x;
color:#000000;
}
#header #mainmenu li ul {
top:51px;
}
#header li ul {
top:35px;
}
#header li ul .inner {
background:#295c53;
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, .sub-menu li a {
color:#c3c3c3 !important;
padding:0 !important;
background:none;
height:25px;
line-height:25px;
}
#header ul.children li a:hover, .sub-menu li a:hover {
color:#ffffff !important;
color: #fff !important;
border:none !important;
box-shadow:none !important;
}
#header #mainmenu li ul .inner {
background:#fff;
}
#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
color:#295c53 !important;
}
#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
background:#ebf5eb;
color:#295c53 !important;
}
#header .sub-menu .sub-menu {
top:0 !important;
}
/*------------------------------ SLIDER ------------------------------*/
.slider-container {
background:url(images/content/main-n.png) left top repeat-y;
width:1000px;
margin:0 -7px;
padding:0 7px;
}
.fp-next, .fp-prev {
margin:0 -44px;
margin-top:-204px;
width:44px;
height:320px;
}
.slider {
position:relative;
width:994px;
padding:3px;
padding-bottom:33px;
background:url(images/shadow.png) 50% bottom no-repeat;
}
.fp-prev-next-wrap {
margin:0 -3px;
}
.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
height:188px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:400px;
width:994px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}
}/* -==========================- TABLET -==========================- */
Media only screen and (min-width:640px) and (max-width:1023px) {
#header {
background:url(images/top.png) left top repeat-x;
}
#logo {
float:left;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
margin-right:20px;
margin-bottom:5px;
}
#secondarymenu-container {
height:89px;
padding-top:0px;
}
#secondarymenu {
float:right;
clear:right;
margin-right:7px;
}
#secondarymenu li {
padding:15px;
}
#secondarymenu li a{
color:#686868;
}
#mainmenu-container {
clear:left;
margin-bottom:15px;
background:#fff;
padding-bottom:14px;
}
#mainmenu {
margin:0 10px;
}
#mainmenu li {
padding:0;
float:left;
}
#mainmenu a {
color:#686868;
text-decoration:none;
font-size:16px;
padding:14px 15px;
display:block;
}
#header ul.children li a, .sub-menu li a {
color:#686868 !important;
}
.slider-container { padding-bottom:35px;}
}/* -==========================- MOBILE -==========================- */
Media only screen and (min-width:240px) and (max-width:639px) {
.menusearch {padding:13px 0;}
#header {
}
#logo {
}
.searchbtn {
width:auto !important;
}
#secondarymenu, #mainmenu {
background:#fff;
margin:0 -2%;
padding:0 2%;
margin-top:10px;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #eee;
}
#secondarymenu li a, #mainmenu li a{
color:#142736;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}
#footer {
width:100%;
}
.widgetf {
border-top:1px solid #d3d3d3;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-5px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;
}
} -
Hey @ all ,
es geht um die Seite
http://www.artofbeauty-kosmetikpraxis.de
und zwar um die darstellung der mobilversion
http://iphone4simulator.com/ < artofbeauty-kosmetikpraxis.de eingeben ...
wenn ihr im zweiten reiter beispielsweise auf behandlungen geht wird nicht der komplette text angezeigt.....lösung wäre evtl die komplette mobilversion zu löschen ? wäre auch kein problem für mich ....nur bräuchte hilfe....
hoffe jemand kann helfen
Gruß
-
alles klar habs hinbekommen :)
-
ok ich nochmal :)
also folgendes....habe die seite hochgeladen...und soweit auch mit phpadmin die wp-options home und url glaube ich war das geändert...seite lädt alles perfekt....
Problem : Bilder werden nicht geladen ..... so dann habe ich die die datenbank exportiert und an der sql datei rumgespielt
und zwar habe ich localhost/wordpress gegen http://artofbeauty-kosmetikpraxis.de ersetzt
wenn ich die sql importiere dann zeigt sich folgendes problemdie seite verliert komplett an struktur und inhalte aus dem nicht bearbeiteten theme vor langer zeit kommen zum vorschein..... also müsste ich nur die pfade der bilder ändern....oder seht ihr das etwas anders ?
hoffentlich könnt ihr helfen :) ich weiß nicht welche sql pfade nur die bilder betreffen ??? -
Super das war doch mal sehr hilfreich danke @ shadow vorallem mit dem ändern der urls direkt mit phpmyadmin... :) ich werde berichten :)
-
http://www.artofbeauty-kosmetikpraxis.de aber noch kein content oben musste ich wieder runterschmeissen .....-.- dann bringt die seite ja auch nicht viell.....ich dachte eher an ne vorgehensweise die ihr mir sagen könntet.... gerade bei der datenbankache muss ja noch irgendwas eingestellt werden....was wäre denn euer normalverlauf ?
-
is jetzt leer weil ich so viel rumprobiert habe....is bei strato.... hab ich denn irgendwas vergessen bei der umstellung ? den content ordner wo ich z.b fotos drin habe die wp benutzt ?
-
Hallo an alle,
und zwar wollte ich mein wordpress vom lokalserver auf den online server packen....
hab das komplette verzeichnis via ftp kopiert, die datenbank erst expotiert ....dann in die neue daten importiert, (davor mit dem notepad++ mit suchen und ersetzen alle pfade geändert ) localhost/wordpress auf meine domain.dedie wpconfig hatte ich auch geändert...
wenn ich nun die seite aufrufe muss ich hinter dem domain namen erst noch ein / wordpress eingeben um irgendwas zu sehen was irgendwie mega nervt....und vorallem das theme welches ich eigentlich komplett bearbeitet habe sieht wieder so wie am anfang aus....oder teils jedenfalls....wie bekomme ich die pfade alle wieder in die korrekte form ??? bitte helft mir :D
-
puh mein aller erster Foren eintrag überhaupt....
hallo erstmal an alle...
ich bastel gerade ne statische Seite für einen Privatkunden mit wordpress 3.5.1 und dem theme Beauty secret....( kosmetik ) :)
und mein problem ist dass ich es aus irgendwelchen gründen nicht hinbekomme die mobilversion die vorab mit im theme war komplett auszuschalten....( desktop version = mobile version ) ....die seite soll einfach komplett so geladen werden und sich nicht an die größe des fenster also auflösungstechnisch anpassen....vllt kann mir ja jemand helfen....wäre wirklich sehr sehr hilfreich....vielen dank :)