New Mobile site

hello,
i am trying to develop a mobile website. i did created pages and i can see them and if i want to go full site i can go too. only in iphone though. i am trying to find out if i want to see the full site in black berry or other phones what i need to do. do i need to make any chages in IIS or put a different URL etc...
right now it work in iphone, may be because of browser but also our test site works in black berry not the production so i am trying to find why...any idea. .

You can download a simulator for the Blackberry from the Blackberry developer's site.
http://na.blackberry.com/eng/developers/

Similar Messages

BBC News Mobile Site.

Just got a Lumia 920 (very good so far), but the text size on BBC News Mobile Site (my favourite site) is tiny and does not respond to text size settings. Is this to do with Nokia or Windows 8 or BBC Mobile or is it me?Oddly enough the BBC Sport section is ok. I could wear specs but am too vain. Cheers Tim

This is what I get ..
..so seems nothing wrong what you are doing, but a problem with the site design..
Attachments:
wp_ss_20130201_0002.jpg ‏200 KB

New rMBP keeps getting bumped to Hotmail mobile site

Hi all
Since getting my new rMBP whenever I try to access Hotmail I keep getting bumped to the mobile site rather than the regular one. It seems to happen with both Safari and Firefox. My white MacBook with Snow Leopard doesn't have this issue, strangely.
Anyone else experiencing this and have a suggestion on how to fix the problem?

Hi all
Since getting my new rMBP whenever I try to access Hotmail I keep getting bumped to the mobile site rather than the regular one. It seems to happen with both Safari and Firefox. My white MacBook with Snow Leopard doesn't have this issue, strangely.
Anyone else experiencing this and have a suggestion on how to fix the problem?

Modify news, web apps layouts for mobile site?

I am modifying an existing website to create a mobile version, placing my mobile pages in a /mobile subfolder. I am having an issue with the news and web apps, as I have already designated my templates and layouts for the full desktop version, and because my news and webapp items cannot be placed into my /mobile folder. So, now I need to display that information differently for mobile and cannot figure out how, since I am limited to a single List Layout and a single Detail Layout (for news. At least the web apps give me an Backup List Layout, which was helpful). How have others accomplished this type of thing??
An example: On my desktop version, I have announcements shown on the homepage as short blurbs (using the list view). My detail view I already have formatted for the full screen desktop version and does not work well for mobile screens. After many attempts at workarounds, I decided that I would simply show the complete announcement for mobile as a List Layout and not use a Detailed Layout at all so that I don't even have to bother with it. My thought was to code both my desktop and mobile list layouts in the List Layout of my Announcements module, and use css to show/ hide the appropriate one.
E.g.--
html in my List Layout:
<div id="standardnews">
<h3>{tag_subject} - {tag_eventfromdate}</h3>
<p>{tag_body, 140}</p>
</div>
<div id="mobilenews">
<h3>{tag_subject_nolink} - {tag_eventfromdate}</h3>
<p>{tag_body}</p>
</div>
on my desktop css stylesheet:
div#standardnews { display:block; }
div#mobilenews { display:none; }
on my mobile css stylesheet:
div#standardnews { display:none; }
div#mobilenews { display:block; }
The css works just fine, however, on my mobile site instead of rendering the event from date, it actually rendered the tag itself "{tag_eventfromdate}". So, apparently I can't have multiple instances of a tag within a single page?? Is there a way around this?
I would be grateful for any input here on the best way to handle this type of thing, given the limitations I am running into.

You can make as many list templates as you like now.
You can have a different template per device - phone, tablet, desktop so if modules are in that template they will then render those different templates and thus different layouts.
If you have modules in pages that page can be differnt per device as outlined under site settings and mobile section.
Unlimited list layouts - http://www.businesscatalyst.com/_blog/BC_Blog/post/Video_Create_custom_list_templates_for_ BC_Modules/
You CAN NOT though have conditional tags in BC yet and you can not in one list layout have tags render differently based on the device.
Style and presentation you use media quries and the System tag for device provided by BC.

Cant get @font-face to work on my new web site

Hi everyone,
I Cant get @font-face to work on my new web site.
I tryed it before on other web sites and it worked just fine.
Here is the code i am using:
CSS:
@charset "utf-8";
@font-face {
font-family:"Caviar Dreams",sans-serif !important;
font-style: normal;
src:url ("../fonts/CaviarDreams.ttf") format('truetype');
src:url("../fonts/CaviarDreams.eot") format('eot');
src: url("../fonts/CaviarDreams.svg") format('svg');
src:url("../fonts/CaviarDreams.woff") format('woff');
src:url("../fonts/CaviarDreams.otf") format('otf');
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
body{
background-image:url(../images/background/wraper_bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%;
font-family:"Caviar Dreams", sans-serif !important;
.caviar{
font-family:"Caviar Dreams", Arial, Helvetica, sans-serif ;
.index_bg{
width:100% !important;
height:100% !important;
background:url(../images/graphics/index_bg.png) !important;
background-size:cover !important;
.welcome_image{
position:absolute;
top:35%;
width:95% !important;
margin:2% !important;
.nav{
color:#FFFFFF !important;
font-family:"Britannic Bold" !important;
font-size:14px;
font-weight:lighter !important;
.background_white{
background:rgba(255,255,255,0.7);
.background_black{
background:rgba(0,0,0,0.65);
.background_black_2{
background:#000 !important;
.background_noir{
background:rgba(179,1,1,0.7);
.background_purple{
background:rgba(152,131,201,0.7)!important;
color:#FFFFFF !important;
width:100% !important;
height:25px;
text-decoration:none !important;
font-family:"Caviar Dreams" ;
border:0px !important;
margin:0px !important;
padding:0px !important;
.background_purple:hover{
background:#FFFF00!important;
color:#000 !important;
width:100% !important;
text-decoration:none !important;
font-family:"Caviar Dreams" ;
border:0px !important;
.white{
color:#FFFFFF !important;
.black{
color:rgba(0,0,0,1) !important;
.red{
color:#B30101 !important;
.yellow{
color:#FFFF00 !important;
.black_span{
background:#000000 !important;
color:#FFFFFF !important;
margin:1% !important;
margin-left:5px !important;
padding:5px !important;
.black_span_margin1{
margin-left:0px !important;
.black_span_margin2{
margin-left:0px !important;
.border_white{
border:3px solid #FFFFFF !important;
margin:0px !important;
padding:0px !important;
.border_gold{
border:0px solid #000!important;
margin:0px !important;
padding:0px !important;
h1, h2, h3, h4, h5, h6{
font-family:"Britannic Bold" !important;
font-weight:lighter !important;
color:#FFD700 !important;
margin-left:2% !important;
margin-right:2% !important;
margin-top:2% !important;
margin-bottom:2% !important;
p{
font-family:"Caviar Dreams", Arial, Helvetica, sans-serif !important;
font-size:16px !important;
color:#FFFFFF !important;
margin-left:2% !important;
margin-right:2% !important;
margin-top:2% !important;
margin-bottom:2% !important;
.text-small{
font-size:12px !important;
.caviar{
font-family:"Caviar Dreams" !important;
I am trying to use the font Caviar Dreams on my new web site but i cant get it right,
Can anyone tell me what is wrong.
And also i would like some help with IE9, it seems the header is displaying in blue instead of black on IE9 and 10.
My web site adrees is marcoalexwebdesign.site11.com .

I already fixed the issue, it seems trhat in dreamweaver the fonts ttf , otf, etc must be in a folder named webfonts, and then dreamweaver connects the fonts stylesheet to the main stylesheeet with @inport.I had to unisntall the fonts from my windows and download them again and add tehm with dreamweaver add web fonts feature.
Thanks ayway.

Embeding Youtube video in a mobile site.

I can embed Youtube video in my normal site without problem. But the same video will not appear on my mobile site.
Is there anything special that needs to be done to make the video work?
I'm running out of ideas! Thanks.

Turns out it was down to using the old or new embed code from youtube.
There were also problems with Muse crashing once I embeded the correct code. I fixed using this:
http://forums.adobe.com/message/5431019#5431019

Where is the database connection for a mobile site?

I have a Flash mobile site that I didn't create, but need to edit. On clicking the submit button it checks that the login & password are in a SQL database. The problem is, I can't find the method that runs a query on the database or where the database is even connected. I've tried searching through the code for words like "SQL", "database", and "connection" without success. I stepped through the code where I find a call to method "super", but then it goes back to the original method and then the user is logged in. Can someone explain where the call to the database is?
Other things I'd like to know are: Where is the SQL Connection? In the main (non-mobile site), there is a web.config with a line that says
<add name="TPConnectionString1" connectionString="DataSource=xxx.xx.xxx.xx,xxxx\sqlexpress;Initial Catalog=TP;Persist Security Info=True;User ID=xxxxx" providerName="System.Data.SqlClient"/>
Where (what file: ex. web.config, xyz.as, etc.) would a similar line in the mobile code be?
What does super(type, bubbles, cancelable) do?
Here's the method for the submit button: LoginView.mxml
        private function btnclicked():void{ techController.username = txtUsername.text; techController.password = txtPassword.text; var evt:TechEvent = new TechEvent(TechEvent.LOGIN_USER); this.dispatchEvent(evt); }
Here's the TechEvent function that is called: TechEvent.as
    public function TechEvent(type: String, bubbles:Boolean=true, cancelable:Boolean=false) { super(type, bubbles, cancelable); }
Here's the dispatchEvent method: UIComponent.as
override public function dispatchEvent(event:Event):Boolean { if (dispatchEventHook != null) dispatchEventHook(event, this);    return super.dispatchEvent(event); }

You are looking for an event handler for the TechEvent.LOGIN_USER event.
Coding style looks similar to a SWIZ style framework, in which case, the event handlers could be defined using metadata [EventHandler] or [Mediate] tags, but could just be a plain simple .addEventListener(TectEvent.LOGIN_USER,fn); declaration earlier on.
Either way, this is what has happened:
1. User enters uname and password, then clicks button
2. Button click handler populates the techController with relevant values then dispatches an event to let the world know it has done so
3. The event handler checks the techController and makes the login call
4. Some time later, the server will respond and trigger another event that the app can respond to
G

With MobileMe Closed: How to forward iweb "web.me..." address to new FTP site and custom domain name?

I had a mobile me "web.me.com..." domain name and know I need to upload to a new FTP site with a new domain. I know how to do that but am wondering...
Is there a way to forward my old web.me address to the new domain? I'll probably be using GoDaddy's or 1&1 domain hosting.
There are many people who have my old web.me address and I won't be able to tell them the new address. I don't want them to go away if they see the "mobile me closed" page and don't know where my new site is at. I just want it to automatically forward.
thanks

Its too late to do that as the forward would need to be on the Apple server and its closed now.
The best you can do is to sign up for hosting and get a domain name...
http://www.iwebformusicians.com/iWeb/Website-Hosting.html
Republish your site from iWeb to the new server...
http://www.iwebformusicians.com/iWeb/Publish-Website.html
... and then follow the SEO steps on this page to get your site found by the search engines...
http://www.iwebformusicians.com/Search-Engine-Optimization/SEO.html

Synchronized text issue from desktop to mobile site design

Hello, I love the idea of synchronized text, but is there a way to assign different styles on both desktop and mobile site pages?
For example, If I use synchronized text on my desktop pages, my font sizes will be larger then the font sizes I would use for my mobile site pages. But, using synchronized text, if that content is linked between my desktop and mobile pages, I'm limited to one font size, which would work for my desktop site but the font size would be too large for my mobile site.
The content between between desktop and mobile would be the same text, but I need the option to assign a different font size for my mobile site.
Is this possible? If not, can you please add this to new features.
Thanks much
Cheriss

Hi,
Single page websites can be great for new sites or for some special projects, but I won't recommend them as long-term solutions and, if you already have a multi-page website, I do not recommend switching to a single-page site.
If your single page site has great content and good structure, google might provide same treatment as it does for various sub pages website.
A useful Video by Matt Cutt, head of the webspam team at Google
Search engines will index all the pages of your website, providing multiple opportunities for your site to come up in searches. When your site consists of only one page, a single page is exactly what you’ll have indexed.
That means if you have many services, many products, single page design will really compromise your rank and result in search engine.
Do let me know if you have some more questions.

Jquery mobile site shows up tiny on iPhone

Help! I create a new jquery mobile site in Dreamweaver CS6. Save and upload all files. I can see everything but it's super tiny! What's going on?!
Here's a link to my "fake" site. http://kcwebxpert.com/adultlearner/mobile/
and this one.. I can change the themes no problem but still shows up tiny.
http://kcwebxpert.com/adultlearner/test/

I am having the same problem with my site looking tiny on the iphone and on the Samsung Galaxy. Other phones that I have tried looks fine. Does anyone have a suggestion? I really need help with this one. The regular site I designed is fine, but the mobile site is really frustrating.

Creating a mobile site

Hi, I am new to creating a mobile site (not an app, just a mobile version of my current website), but how would I do this using Dreamweaver? Using the jquery plug-in?
I see a lot of sites now have an auto detect to view in the mobile version on the Smartphone. Does that mean I would need two versions of my site? So when I do an update to one I need to do the same update to the other? Or is there a way that both versions would recognize the same update?
I did try a search but didn't come up with much of anything - sorry if I missed any posts on this topic already.
Thanks!

Usually to have a mobile version of a website it requires a completely different website or subdomain that contains a mobile version of the site. This is one reason content management systems can be very useful as they can display the same content (usually stored in a DB) to both the mobile and main website. This can be done without a CMS but requires basically building two websites, or atleast an entirely different CSS layout
Most mobile sites are designed the same way that normal sites are, except they are designed for smaller screen sizes and may include code to help with mobile browsing. There are many ways to actually detect the browser, a google search of "How to detect a mobile browser" brings up a number of tutorials.
Hope this helps.
-Kennedy

Mobile site pages "noindex" ?

I've built a separate mobile site just for use with smartphones. When a smartphone device is detected by java script it redirects the user to the mobile site. Compared to the desktop/tablet version, the mobile site has fewer pages, less content/images and is optimized to work on a smartphone. My question relates indexing of these mobile only pages? Should I restrict the search engines from indexing these mobile only pages using or using the admin panel checkbox to "exclude from Search Results"? Any thoughts on how to treat "mobile only pages" with regards to indexing? Thanks!

Liam, Not sure what you mean "May I ask why you not looked at the BC built in stuff for this with the templates, custom pages and the system tags for this?" It's not obvious to me that there's one best approach to mobile sites in BC. Could you explain what you mean or point me in that direction? Frankly, I have a hard time keeping up with what's new in BC, what actually works and in some cases how to use it. I've recently started using Kiyuco to help expand my BC knowledge. Any other suggestions are certainly welcome. Thanks

Opinions needed on best way to add a mobile site

We have an existing somewhat older website that does not nicely support mobile devices. While it looks and works fine on tablets, it becomes somewhat unusable on smartphones. We do not have the time/dollars at this point to start from scratch and rebuild with all of the latest bells and whistles. So the question becomes what is the cleanest/fastest/easiest way to add a mobile website. In trying to research this answer, it appears there is no one right answer. I actually have found many possibilities. Right now I have Dreamweaver CS5 and am not going to upgrade any time soon or change tools.
Here are some possibilities I'm considering:
Adding a new "home" page and letting the user decide to either "go lean and mobile" or go wide screen and use the full website. This doesn't seem too bad to me since I'm clearly going to have to maintain 2 websites in the near term.
From there I see choices where the direction is chosen based on the OS or it is chosen based on the screen size. I have seen some based on Javascript and some CSS based. It just gets pretty confusing to know which is best.
We are adding online ordering (pizza place) and want to definitely make it useable for the mobile world. Any thoughts would be appreciated.
As a follow on question, how big of a problem would we run into (how many phone users might we anger) if we used a js based menu on our mobile sit?. Not sure how many devices/OS don't support javascript.
Thanks so much!
Donna

If you go down this slippery slope, trying to identify mobile user-agents is the single biggest obstacle you will face. The list is understandably huge and constantly changing. To make matters worse, many browsers pretend to be other browsers. So sniffing for mobile devices and redirecting them to your mobile only site is not only a major chore, it's not even 100% reliable. And then there's the matter of maintaining 2 separate sites... Oh, don't even go there.
Re-code your current site to make it Responsive. Below are several Frameworks you can use to jump start your new layouts.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap *free Extension for DW*
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs *Commercial CSS Templates for DW*
http://www.projectseven.com/products/templates/index.htm
Whichever menu system you choose, it needs to be user friendly for desktops as well as touch screen devices. CSS styled lists are the foundation to build on. Then you can add jQuery MeanMenu to make it mobile friendly. I have a working example of it below (resize your browser viewport):
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

Mobile site, automatic creation and editing

I'm new to Muse and have just created my first web site which Im very pleased with. www.loosechippings.org BUT a big drawback for me is that I have to create a completely separate mobile site for smartphones. I'm told Weebly does this automatically and Direct Mail automatically creates mobile format emails. Please can Adobe introduce automatic creation and editing of mobile versions of the desktop web site?

Just have a look at a homepage of your choice and think, what would happen, if you automatically transpose this page completely into a phone layout. (quantity and size of text, images; menus, anchors, pinning and so on. I think, if you are aware of the horrible problems, you will never want to do this automatically.

Mobile Site and System Pages

I know you can create a separate mobile website for tablets and phone. I will be doing this for a site I am building that has content specifically targeted for iPad devices. The question I have though is how are system generated pages handled? For instance the eCommerce pages and shopping cart pages.
How do I create tablet specific pages for system generated pages?
Thank You!

Using Muse, I was wondering if there is a way to convert a website that is already built into a mobile website. I have no idea how the website was originally built. My client is asking me to build a mobile site for his current site without touching his desktop site. His site was originally built in Dreamweaver I think but he have no way of finding the files and lost contact with his original designer. We don't want to start a new site from scratch with a new domain because he is afraid of losing his seo work.
In other words. My client site was build in Dreamweaver or something else. I am not a programer and was going to use muse to make his mobile site. So the question is how do I link a muse made mobile site to his desktop site?
Thank you.

New Mobile site

Similar Messages

Maybe you are looking for